ux.form.field.KindEditor 所见所得编辑器

注意需要引入KindEditor相关资源

//所见所得编辑器
Ext.define('ux.form.field.KindEditor', {
    extend: 'Ext.form.field.TextArea',
    alias: 'widget.kindEditor',
    xtype: 'kindEditor',
    //最大文本长度
    maxLength:5000,
    //配置
    editorConfig: {
        //选项功能
        items: [
            'source', '|', 'undo', 'redo', '|', 'preview', 'cut', 'copy', 'paste', 'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',

            'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'table', 'hr', 'emoticons', 'pagebreak', 'anchor', 'link', 'unlink', '|', 'about'
        ],
        minHeight: 200
    },
    afterRender: function () {
        var me = this;
        me.callParent(arguments);
        //延迟输入验证
        me.task = Ext.create('Ext.util.DelayedTask',
        function (t) {
            me.isValid();
        },
        me);
        if (!me.editor) {
            //创建富文本插件
            me.editor = KindEditor.create("#" + me.getInputId(), Ext.apply(me.editorConfig, {
                //编辑器创建成功
                afterCreate: function () {
                    //标识完成
                    me.KindEditorIsReady = true;
                },
                //内容发生改变时
                afterChange: function () {
                    //编辑器初始化完成才执行
                    if (me.KindEditorIsReady) {
                        //延迟输入验证
                        me.task.delay(100);
                    }
                },
                //失去焦点
                afterBlur: function () {
                    //输入验证
                    me.isValid();
                }
            }));
        } else {
            me.editor.html(me.getValue());
        }
    },
    setValue: function (value) {
        //console.log('setValue');
        var me = this;
        if (!me.editor) {
            me.setRawValue(me.valueToRaw(value));
        } else {
            if(value){
                me.editor.html(value.toString());
            }else{
                
            }
        }
        me.callParent(arguments);
        return me.mixins.field.setValue.call(me, value);
    },
    getRawValue: function () {
        //console.log('getRawValue');
        var me = this;
        if (me.KindEditorIsReady) {
            //自动同步值
            me.editor.sync();
        }
        v = me.inputEl ? me.inputEl.getValue() : '';
        me.rawValue = v;
        return v;
    },
    //重置
    reset: function () {
        if (this.editor) {
            this.editor.html('');
        }
        this.callParent();
    },
    //销毁富文本控件
    destroyEditor: function () {
        var me = this;
        if (me.rendered) {
            try {
                me.editor.remove();
                me.editor = null;
            } catch (e) { }
        }
    },
    //销毁
    onDestroy: function () {
        var me = this;
        me.destroyEditor();
        me.callParent(arguments);
    }
});