Extjs在HtmlEditor的工具栏上插入自定义按钮

最新推荐文章于 2016-07-25 13:17:31 发布

weixin_30394981

最新推荐文章于 2016-07-25 13:17:31 发布

阅读量193

点赞数

文章标签： ux

原文链接：http://www.cnblogs.com/webu/p/3151907.html

版权

Ext.ns('Ext.ux.form.HtmlEditor');Ext.ux.form.HtmlEditor.HR =Ext.extend(Ext.util.Observable,{
    init:function(cmp){this.cmp = cmp;this.cmp.on('render',this.onRender,this);},
    onRender:function(){this.cmp.getToolbar().addButton([{
            iconCls:'x-edit-custom',//your iconCls here
            handler:function(){this.cmp.insertAtCursor('<hr>');},
            scope:this,
            tooltip:'horizontal ruler',
            overflowText:'horizontal ruler'}]);}});var w =newExt.Window({
    width:550,
    layout:'fit',
    items:[{
        xtype:'htmleditor',
        plugins:[newExt.ux.form.HtmlEditor.HR()]}]});
w.show();