在使用Ckeditor編輯器的時,我們一般使用的是textarea來放初始化內容。
當初始化有內容時,初始化內容會被textarea轉義後再賦值給ckeditor,通過查看百度ueditor在線編輯器的時候,為了避免這個問題,用
<!-- 加載編輯器的容器 --> <script id="container" name="content" type="text/plain"> 這裡寫你的初始化內容 </script>
來加載編輯器的內容,防止<或>被textarea轉義為<>.
然而,在ckeditor中使用
<!-- 加載編輯器的容器 --> <script id="container" name="content" type="text/plain"> 這裡寫你的初始化內容 </script>
會提示說不支持script
The specified element mode is not supported on element: "script"
所以,結合ckeditor的賦值方法,得到如下解決方法:
<textarea id="inputcontent" style="height:300px;" class="form-control" name="content" rows="8" placeholder="Enter ..."></textarea> <script id="container" type="text/plain">HTML內容</script> <script src="ckeditor/ckeditor.js?v=20150818" type="text/javascript"></script> <script type="text/javascript"> // 初始化編輯器 var myeditor = CKEDITOR.replace( 'inputcontent'); CKEDITOR.instances.inputcontent.setData($('#container').html()); </script>*