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

Question

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

• 当用户选择单词时，例如苹果。
• 然后我想用profileTag Apple / profileTag替换它。
• 但如果所选单词已有标签，则应附加个人资料标签。
• 例如，如果使用anchorTag Apple / anchorTag，那么在用户选择之后它将是profileTag anchorTag Apple / anchorTag / profileTag。

以上的事情正在发挥作用。但是当我执行下面的代码时，如果自定义html标记像profile标记，则输出为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