在使用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>
*