程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> PHP綜合 >> 解決CKeditor編輯器初始化含<或>內容時被textarea轉義的問題

解決CKeditor編輯器初始化含<或>內容時被textarea轉義的問題

編輯:PHP綜合

在使用Ckeditor編輯器的時,我們一般使用的是textarea來放初始化內容。

當初始化有內容時,初始化內容會被textarea轉義後再賦值給ckeditor,通過查看百度ueditor在線編輯器的時候,為了避免這個問題,用

<!-- 加載編輯器的容器 -->
<script id="container" name="content" type="text/plain">
    這裡寫你的初始化內容
</script>

來加載編輯器的內容,防止&lt或&gt被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>
*
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved