htmleditor Extjs 4.0 上的源代码按钮

Question

当我在 html 视图上编辑一些数据时，我可以毫无问题地提交并保存它，但是当我切换到源代码视图时，它不会提交我所做的更改。

htmleditor 的 init 看起来像这样：

Ext.tip.QuickTipManager.init();
    var html = Ext.create('Ext.form.field.HtmlEditor', {
        renderTo: 'content_ext',
        width: 800,
        height: 300,
        listeners: {
            render: function(me,content){ me.setValue(Ext.get('form_content_html').dom.value); },
            sync: function(me,content){ Ext.get('form_content_html').dom.value = content; }
        }
    });

Any idea?

Answer 1

在源代码视图文本中，下面有纯文本区域。 API 告诉当文本区域用编辑器中的内容更新时会触发同步，所以也许您应该绑定到另一个事件？尝试在文本区域上按下 keydown：

render: function(){
    this.textareaEl.on('keydown', function() {
        /* do sth */
    }, this, { buffer: 100 });
}