帶有關閉html標記的ckeditor allowedExtraContent

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標簽將僅具有文本內容（ '#' ），並將被視為阻止標簽。