gpt4 book ai didi

ckeditor - 如何配置 CKEditor 使其保留数据属性而不是删除它们?

转载 作者:行者123 更新时间:2023-12-04 11:06:51 29 4
gpt4 key购买 nike

我使用 CKeditor 来编辑丰富的 HTML 页面,但是一些 javascript 功能依赖于 <a> 的特殊属性。触发它们的标签。

这些是极少数情况,只有 5000 多条记录的数据库中的几条记录需要触发此功能,而这个特定的 js 模块需要特殊属性作为参数化的一种方式:

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

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

指示我的客户不要编辑此特定记录似乎不专业。更改为另一个 WYSIWYG 编辑器可能会奏效,但我认为这是最后的手段。

CKEditor 必须有一个解决方案!

最佳答案

我找到了:

特殊配置选项:

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

成功了。

所以我使用的构造函数是:
    $('.wysiwyg').ckeditor({
toolbar : 'Basic',
extraAllowedContent: '*[*]{*}(*)'
});

请注意,它是“EXTRA”允许的内容选项,因此它不会覆盖默认值。

更新:事实证明,我的特殊属性中有一些 & ,CKEditor 正在用 HTML 实体 &amp; 替换它们.我添加了这两个选项:
            entities: false,
basicEntities: false,

但他们阻止了这种情况仅发生在文本节点中,而不是在属性内部。然后我找到了这个选项:
            forceSimpleAmpersand: true

它奏效了。现在还可以,但如果最终我必须输入 &amp;作为任何值的一部分——实体,而不仅仅是 &(这通常在内容共享链接中是必需的)——编辑器将打破它们,将它们更改为纯 &。

关于ckeditor - 如何配置 CKEditor 使其保留数据属性而不是删除它们?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22392564/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com