【解決】獲取到ckeditor富文字編輯器body節點下的內容
阿新 • • 發佈:2018-11-19
html頁面:
<textarea name="description" id="description" /></textarea> <!-- 富文字編輯器 --> <script th:src="@{/plugins/ckeditor/ckeditor.js}"></script> <script type="text/javascript"> window.onload = function(){ CKEDITOR.replace( 'description',{ filebrowserImageUploadUrl : '/uploadImg/uploadImg', language : 'zh-cn', }); }; </script>
編輯器中輸入:
js中獲取它的body的內容:
//var editorDiv = document.getElementById("cke_description")//div //console.log(editorDiv); var editorIframe = document.getElementsByTagName('iframe')[0]//iframe console.log(editorIframe); // alert(editorIframe);// 列印 [object HTMLIFrameElement] var editorBody = editorIframe.contentDocument.body.innerHTML; console.log(editorBody); // 列印 <p>77777<strong>七爺<em><u>賽文</u></em>777777</strong><br></p>