Froala编辑器在粘贴代码时保持缩进

Question

我在粘贴到Froala时遇到了一些麻烦。我有一个自定义代码按钮，增加了<pre><code>Code here</code></pre>标签：

$('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 = '<pre><code>' + (this.text() || '&#8203;') + '</code></pre>'; 

       this.insertHTML(html); 
       this.saveUndoStep(); 
      } 
     } 
    } 
}); 

我希望能够代码粘贴到编辑器中删除的造型，但保留换行符和缩进。与SO类似，与CNTL+K相似。这可能吗？

Answer 1

您应该用获取选定HTML而不是选定文本的东西替换this.text()。 Froala所见即所得编辑器没有这样的机制，但你可以使用Get Selected HTML in browser via Javascript问题的答案。