ExtJS: Как отсоединить или продвинуть исходный код HtmlEditor?

Question

Как отсоединить или продвинуть окно режима исходного кода HtmlEditor в другой текстовой области? Я имею в виду, как исходный код при наборе в HtmlEditor может отображаться в другом элементе textarea?

Я создаю форму с помощью HtmlEditor и форму с помощью Textarea, и я предполагаю, что необходимо присоединить listner к 'textareafield' и получать данные из HtmlEditor textarea в режиме источника, но не знаю, как это сделать.

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

 ...

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

Answer 1

Я сделал это)

  {
    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
    }

Answer 2

Не думаю, что в стандартном компоненте есть что-то подобное.Полагаю, вы можете сами создать текстовую область и периодически обновлять ее данными htmleditor.