CKEditor：从粘贴的内容中删除样式属性

Question

我正在尝试找出一种将样式属性从粘贴的 HTML 内容中删除到 CKEditor 实例中的方法。我使用以下内容完全删除样式属性，但实际上我想保留 margin-left 属性。

CKEDITOR.on('instanceReady', function(ev) {
    ev.editor.on('paste', function(evt) {
        if (evt.data.type == 'html') {
            evt.data.dataValue = evt.data.dataValue.replace(/ style=".*?"/g, '');
         }
     }, null, null, 9);
});

问题是，有时margin-left 只是切换到margin 速记并且我不想要的额外数据被添加到其中。

我正在研究 jQuery 和 Javascript 方法来尝试实现这一点，但我还没有取得任何成功。

Answer 1

您可以将正确配置的允许内容过滤器应用于粘贴的数据。请参阅此答案以了解如何将其应用于字符串：Apply CKEditor Advanced Content Filter to a string

您可能遇到的唯一问题是您不能告诉 ACF 允许所有元素及其属性，您必须指定元素。所以过滤器可能看起来像这样：

var filter = new CKEDITOR.filter(
    'p h1 h2 h3 img strong em ul ol li[*](*){margin-left}'
);

它将允许所有属性和类，但这些元素上只允许margin-left。

---

编辑

有一种简单的方法可以列出所有元素：

var filter = new CKEDITOR.filter( {
    '$1': {
        // Use the hash containing all correct HTML elements
        // (plus some more things, but we can ignore them in this case).
        elements: CKEDITOR.dtd,
        attributes: true,
        classes: true,
        styles: 'margin-left'
    }
} );