1. 程式人生 > >(原)jquery + KindEditor 文字編輯器

(原)jquery + KindEditor 文字編輯器

先看效果:

 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、以上就是程式所有程式碼部分

以上是自己整理的,並測試過,可以直接用

----------------------------------------------------------------------------------------------------------------

文章中,有問題,可以在評論區評論,一起探討程式設計中奧祕!

----------------------------------------------------------------------------------------------------------------

來都來了,程式碼看都看了,那就留個言唄,可以互動下!

----------------------------------------------------------------------------------------------------------------