javascript - ckeditor allowedExtraContent 带有结束 html 标签

Question

我在配置 ckEditor 时遇到问题。

配置如下:

<script>
  $( document ).ready( function() {
    var ckeditor = CKEDITOR.replace( 'myTest', {
            allowedContent: true
            extraAllowedContent : 'foo[*]{*}'
</script>

HTML 是:

<textarea id="myTest">
  <foo>balabalabal</foo>
  <foo attr="value"/>
</textarea>

当我在浏览器中查看结果时，如果缺少第二个 foo 标记， 我怎样才能同时保留它们？

Answer 1

您需要记住，CKEditor 是一个 HTML 编辑器，并且没有 <foo>标签。此外，您还创建了一个已关闭的 <foo></foo>标签和一个自动关闭<foo /> 。您无法将此类内容加载到 CKEditor 中。

请注意，可以稍微调整 CKEditor 以接受非 HTML 标签。这可以通过扩展 CKEDITOR.dtd 来实现对象。

CKEDITOR.dtd.foo = { '#': 1 };
CKEDITOR.dtd.body.foo = 1;
CKEDITOR.dtd.$block.foo = 1;

这将允许 foo标签为 body 的子级。 foo标签将只允许包含文本内容 ( '#' )，并将被视为 block 标签。