javascript - 如何在ckeditor中定义自定义html标签

Question

如何在 ckeditor 中定义自定义 html 标签。

• 当用户选择一个词时，例如苹果。
• 然后我想用 profileTag Apple/profileTag 替换它。
• 但如果所选单词已经有标签，则它应该附加配置文件标签。
• 例如，如果 anchorTag Apple/anchorTag，则在用户选择后它将是 profileTag anchorTag Apple/anchorTag/profileTag。

上面的东西是有效的。但是当我执行下面的代码时，如果使用自定义 html 标签(如个人资料标签)，输出为 null。

var current_selected_element = editor.getSelection().getSelectedElement();console.log(current_selected_element);

Answer 1

问题是 CKeditor 的高级内容过滤器正在过滤掉您的自定义标签……您将不得不配置 ACF 以接受您的插件正在创建并插入到 DOM 中的自定义标签。有几种方法可以做到这一点。最基本的是实现 config.extraAllowedContent = 'profile' 或您的自定义标记的任何名称。否则，您可以使用全局 CKEditor.filter 对象。 There's more documentation on the CKEDITOR.filter object here .