title: Froala editor keep indent when pasting code
body: <p>I'm having some trouble with pasting into Froala. I have a custom code button which adds the <code>&lt;pre&gt;&lt;code&gt;Code here&lt;/code&gt;&lt;/pre&gt;</code> tags:</p>
  
  <pre><code>$('textarea[name="description"]').editable({
      customButtons: {
          insertCode: {
              title: 'Insert code',
              icon: {
                  type: 'font',
                  value: 'fa fa-code'
              },
              callback: function() {
                  if (!this.selectionInEditor()) {
                      this.$element.focus(); // Focus on editor if it's not.
                  }
  
                  var html = '&lt;pre&gt;&lt;code&gt;' + (this.text() || '&amp;#8203;') + '&lt;/code&gt;&lt;/pre&gt;';
  
                  this.insertHTML(html);
                  this.saveUndoStep();
              }
          }
      }
  });
  </code></pre>
  
  <p>I would like to be able to paste code into the editor, remove the styling but keep the linebreaks and indent. Similiar as here on SO with <code>CNTL+K</code>. Is this possible?</p>