(原)jquery + KindEditor 文字編輯器
阿新 • • 發佈:2018-12-14
先看效果:
1、首先頁面編寫html textarea 引入外掛檔案
<textarea id="editor_id" name="content"style="width:700px;height:500px;visibility:hidden;">
</textarea>
<!-- 新增文字編輯器外掛 --> <script charset="utf-8" type="text/javascript" src="/kindeditor/kindeditor-all.js"></script> <script charset="utf-8" type="text/javascript" src="/kindeditor/lang/zh-CN.js"></script>
2、建立編輯器格式區域
KindEditor.ready(function(K) {
editor1 = K.create('textarea[name="content"]', {
cssPath : '../plugins/code/prettify.css'
});
prettyPrint();
});
3、執行程式時,進行取值
var productIntroduce = document.getElementById('editor_id').value; //獲取編輯器
4、程式回顯時,進行賦值
var productIntroduce = data.productIntroduce; KindEditor.html("#editor_id", productIntroduce);
5、以上就是程式所有程式碼部分
以上是自己整理的,並測試過,可以直接用
----------------------------------------------------------------------------------------------------------------
文章中,有問題,可以在評論區評論,一起探討程式設計中奧祕!
----------------------------------------------------------------------------------------------------------------
來都來了,程式碼看都看了,那就留個言唄,可以互動下!
----------------------------------------------------------------------------------------------------------------