jquery - 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. 这可能吗？

Answer 1

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