1. 程式人生 > >【解決】獲取到ckeditor富文字編輯器body節點下的內容

【解決】獲取到ckeditor富文字編輯器body節點下的內容

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>