title: Extjs how to change background color of htmleditor dynamically
body: <p>`I have added a custom button in htmleditor which will change the background color of the preview area.I have tried everything but can't seem to get it</p>
  
  <pre><code>Ext.onReady(function () {
     Ext.tip.QuickTipManager.init(); // enable tooltips
   new Ext.panel.Panel({
      title: 'HTML Editor',
      renderTo: Ext.getBody(),
      width: 550,
      height: 250,
      frame: true,
      layout: 'fit',
      items: {
          xtype: 'htmleditor',
          enableColors: false,
          enableAlignments: false,
          listeners:{
                  render:function(){
                          this.getToolbar().add({
                                  xtype:'button',
                                  scope: this,
                                  tooltip:'Set background color',                             
                                  iconCls : 'btn-charttheme',
                                  menu : {
                                      xtype : 'colormenu',
                                      listeners : {
                                          select :function(picker,selColor) {
  
                                              }
                                          }
                                      }
                                  });
                          }
                      }
                }
  });`
  </code></pre>
  
  <p>`</p>