title: Getting the editor content - Ext-Js html editor
body: <p>I'm new to Ext-Js and I've gotten a html editor  with some plugins from github, now I've got a  button on the editor that is supposed to pop an alert box with the contents of the text area.</p>
  
  <pre><code>Ext.onReady(function() {
      Ext.tip.QuickTipManager.init();
  
       var top = Ext.create('Ext.form.Panel', {
          frame:true,
          title:          'HtmlEditor plugins',
          bodyStyle:      'padding:5px 5px 0',
          //width:          300,
          fieldDefaults: {
              labelAlign:     'top',
              msgTarget:      'side'
          },
  
          items: [{
              xtype:          'htmleditor',
              fieldLabel:     'Text editor',
              height:         300,
              plugins: [
                  Ext.create('Ext.ux.form.plugin.HtmlEditor',{
                      enableAll:  true
                      ,enableMultipleToolbars: true
                  })
              ],
              anchor:         '100%'
          }],
  
          buttons: [{
              text: 'Save'
          },{
              text: 'Cancel'
          }]
      });
  
      top.render(document.body);
  
  });
  </code></pre>
  
  <p>I know I'm supposed to add </p>
  
  <pre><code>handler:function(){alert(someextjscodehere)}
  </code></pre>
  
  <p>but I have no idea what function returns it, nor can I find it on google...</p>