如何配置CKEditor以保留数据属性而不是删除它们？

Question

11

我使用CKeditor编辑富HTML页面，但某些JavaScript功能依赖于触发它们的标签的特殊属性。

这些情况比较少见，只有5000多条记录的数据库中的一小部分需要触发这个功能，而这个特定的JS模块需要特殊属性作为参数化的一种方式：

<a href="#" data-from="ROM" data-to="NYC" data-promo="8373794">Buy your tickets</a>

CKeditor允许我添加这些属性（通过编辑条目的源代码），但当客户编辑页面时，编辑器会删除它们并破坏该功能。

要求我的客户不编辑这个特定的记录似乎不太专业。更换其他所见即所得编辑器可能有效，但我认为那是最后的办法。

CKEditor必须有解决方案！

- Sebastián Grignoli

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sebastián Grignoli · Accepted Answer

我找到了它：

特殊的配置选项：

            extraAllowedContent: '*[*]{*}(*)'

起到了作用。

所以我使用的构造函数是：

    $('.wysiwyg').ckeditor({
            toolbar : 'Basic',
            extraAllowedContent: '*[*]{*}(*)'
    });

注意，这是“额外”允许的内容选项，因此它不会覆盖默认设置。

更新：事实证明，我的特殊属性中有一些&符号，而CKEditor将它们替换为HTML实体&。我添加了这两个选项：

            entities: false,
            basicEntities: false,

但它们只在文本节点中防止了这种情况，而不是在属性内。然后我发现了这个选项：

            forceSimpleAmpersand: true

它起作用了。现在暂时可以，但是如果最终我必须将&作为任何值的一部分 - 实体而不仅仅是&（这通常在内容共享链接中需要） - 编辑器将会破坏它们，并将它们更改为普通的&。