Extjs 集成kindeditor

最新推荐文章于 2021-02-06 18:44:03 发布

imwangs

最新推荐文章于 2021-02-06 18:44:03 发布

阅读量133

点赞数

CC 4.0 BY-SA版权

分类专栏： EXT 文章标签： EXT

本文链接：https://blog.youkuaiyun.com/daoshud1/article/details/83878013

EXT 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个使用ExtJS创建的表单面板示例，该表单包括了标题、日期选择器、下拉框和富文本编辑器等组件。特别地，文章详细展示了如何将KE编辑器与ExtJS的文本区域组件结合使用，以实现更强大的内容编辑功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var editgg_form=new Ext.form.FormPanel({
		labelAlign : 'right',
		labelWidth : 70,
		bodyStyle : 'padding:5px',
		method:"post",
		frame:true,
		items:[{
			fieldLabel:'标题',
			xtype:'textfield',
			width:300
		},{
			fieldLabel:'时间',
			xtype:'datefield',
			width:150,
			format:'Y-m-d',
			value:new Date()
		},{
			xtype:'combo',
			store:addgg_store,
			triggerAction:"all",
			valueField:"id",
			displayField:"name",
			value:"1",
			fieldLabel:"置顶",
			width:150,
			editable :false,
			hiddenName:'zd',
			name:'zd'
		},{
			fieldLabel:'内容',
			xtype:'textarea',
			id:'ggcontent',
			width:530,
			height:300
		}],
		listeners:{
			'render':function(){
				KE.show({
					id:'ggcontent'
				});
				setTimeout("KE.create('ggcontent');", 1000);			}			
		},
		buttons:[{
			text:'提交'
		},{
			text:'重置'
		}],
		buttonAlign:'center'
	})

重要的是这一部分：

listeners:{   
            'render':function(){   
              KE.show({   
                   id:'ggcontent'  
               });   
               setTimeout("KE.create('ggcontent');", 1000);   
           }              
       },