[转]ExtJS3.0与KindEditor4.1.2整合
原文地址:http://blog.csdn.net/resigshy/article/details/7937021
ExtJS与KindEditor整合的方式。
- /**
- * 将KindEditor4.1.2 功能封装到命名空间“KE“。
- * @author shuyuan
- */
- Ext.namespace("KE");
- KE.app = (function() {
- return {
- /**
- * 初始化editor
- * @param initParam 初始参数。
- * @returns
- */
- init : function (initParam){
- setTimeout(function(){
- KindEditor.create('#' + initParam.renderTo, initParam);
- }, ((!initParam.delayTime || initParam.delayTime) <= 0 ? 5 : initParam.delayTime));
- },
- /**
- * 获取创建后的editor对象。
- * @param renderTO textarea的ID,根据此参数查找已创建的editor对象
- * @returns
- */
- getEditor : function(renderTO) {
- var editors = KindEditor.instances;
- for(var i = 0; i < editors.length; i++){
- if(editors[i].renderTo && editors[i].renderTo === renderTO){
- return editors[i];
- }
- }
- }
- };
- })();
初始化KindEditor:
- var contentFormPanelCn = new Ext.form.FormPanel({
- id : 'contentFormPanelCn',
- title:mpdLang.chinese, //'中文',
- layout : 'fit',
- bodyStyle:"border:0px;padding:0px",
- defaultType : 'textfield',
- items : [{
- xtype:'textarea',
- id:'contentCn',
- width:'auto',
- height:'auto'
- }],
- listeners:{
- 'render':function(){
- KE.app.init({
- renderTo : "contentCn",
- delayTime : 1,
- readonlyMode : false,
- resizeType : 0,
- width : '100%',
- minChangeSize : 20,
- imageTabIndex : 1,
- uploadJson : ""
-
- });
- }
- },
- buttons:[{
- text:commonality_save,//保存
- id:"btnEditContentCn",
- handler : function() {
- var html = KE.app.getEditor('contentCn').html();//取值
- }
- }],
- buttonAlign:'center'
- });