javascript - 有没有办法阻止 CKEditor 4 过滤我的 anchor 标记属性?

标签 javascript html ckeditor wysiwyg

CKEditor 4 属性过滤从放入编辑器的 anchor 标记中去除任何出现的“href”。我有一个插件可以创建包含一些“自定义”属性的链接。链接看起来像这样:

<a href="#" document-href="abc123">Some Link</a>

当我调用 getData() 时,CKEditor 以这种形式返回链接:

<a href="#" document->Some Link</a>

有没有办法指示 CKEditor 停止过滤链接属性?有没有人碰巧知道这个正则表达式在源代码中的位置以便我可以修复它?

谢谢!

最佳答案

我刚刚在 CKEditor 4.1 上检查了这个链接 - 输出是:

<p><a href="#">Some Link</a></p>

从 4.1 开始,document-href 被删除,因为它现在可以在编辑器中使用。您必须添加 Advanced Content Filter规则 - 例如:

config.extraAllowedContent = 'a[!href,document-href]';

然后它将在 4.1 中运行。在 4.1 之前它应该默认工作,无需任何设置。

但是在 CKEditor 的 HTML 解析器中有一个错误。它没有正确解析链接上的 sth-href 属性,因此结果是 sth- 属性。

现在我建议您将此属性的名称更改为 data-url 或任何其他没有 href 结尾的名称。

我创建了一张工单:https://dev.ckeditor.com/ticket/10298

关于javascript - 有没有办法阻止 CKEditor 4 过滤我的 anchor 标记属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15795142/

相关文章:

javascript - CKEDITOR:如何转换所有 html 实体

javascript - CKEditor 破坏了我的其他 js 应用程序,如何加载我自己的 js 文件

javascript - react Hook : toggle element on map function

javascript - 在 JavaScript 中实现回调

javascript - reactjs中样式的未定义元素

html - 如何在页面中心设置我的 Django 表单

javascript - 如何在单击按钮时在 xls 中打开 html 表

javascript - 打印编译好的 Handlebars 模板(未填写数据)

html - CSS 按钮分为两列

javascript - CKEditor:多个 config.js 文件