Question

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

我使用HtmlEditor创建表单＆amp;使用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

我不认为标准组件中有这样的东西。我猜您可以自己创建文本区域，并使用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
    }

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

2 个答案: