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();
            }
        }
    }
});

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

Answer 1

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