javascript - ExtJS：如何分离或提升源代码 HtmlEditor？

Question

如何在另一个文本区域中分离或提升 HtmlEditor 的源代码模式窗口？我的意思是，输入 HtmlEditor 时的源代码如何显示在另一个 textarea 元素中？

我使用 HtmlEditor 创建表单并使用 Textarea 创建表单，我假设有必要将列表器附加到“textareafield”并以源模式从 HtmlEditor textarea 获取数据，但不知道如何制作。

{
    xtype: 'htmleditor',
    listeners: {
       }
    },

 ...

  {
    xtype: 'form',
    layout: {
      type: 'fit'
    },
    title: 'Source Code',
    flex: 1,
    items: [
    {
      xtype: 'textareafield',
      id:'textareaEl'
    }
    ]
  }

Answer 1

我认为标准组件中没有这样的东西。我想您可以自己创建文本区域并使用来自htmleditor.

Answer 2

我做到了）

  {
    xtype: 'htmleditor',
    id:'seditor',
    listeners: {
      render: function(){
    this.textareaEl.on('keydown', function() {
      this.fireEvent('sync', this, this.textareaEl.getValue());
    }, this, { buffer: 2 });
      },
      sync: function(sender, html){
      }
    },
    style: 'background-color: white;',
    hideLabel: true,
    labelPad: 0
    }