ExtJs 整合kindeditor

首先需要引入 kindeditor類

// 引入 extjs

<script language="javascript" src="ext/ext-all.js"></script>
<script language="javascript" src="ext/ext-lang-zh_CN.js"></script>

// 引入 kindeditor

<script type="text/javascript" src="kindeditor/kindeditor-min.js"></script>
<script type="text/javascript" src="kindeditor/lang/zh_CN.js"></script>

在需要出現編輯器的地方加入如下js代碼：

         {             xtype: 'textareafield',             region: 'center',             name: 'content',             id: 'content',             anchor: '90%',             height: '100%',             listeners: {                 'render': function (f) {                     setTimeout(function () {                         if (KindEditor) {                             Nceditor = KindEditor.create('#content-inputEl', {                                 cssPath: 'kindeditor/plugins/code/prettify.css',                                 resizeType: 1,                                 resizeMode: 0,                                 allowFileManager: true                             });                         }                     }, 500);                 }             }         }

以下是操作存取編輯內容：

Nceditor.html(cont); //給編輯地區載入內容

Nceditor.edit.setHeight('200px'); // 動態修改編輯地區高度

var cont = Nceditor.html(); // 擷取編輯地區內容

以下是實際使用：