CKeditor : stylesSet not working when i set a custom allowedContent

Question

在我的 Ckeditor 配置中，我有一个自定义的 allowedContent。我不使用 allowedContent:true因为我不想在 span 标签中允许 style 属性

所以这是我的 allowedContent

allowedContent : 'span[class]; a[!href](*);  caption; div; em; h1; h2; h3; h4; h5; h6; hr; i; img; li;  ol; p[*]{*}; pre; strong; sub; sup; table; thead; tbody; tfoot; td; th; tr; tt; u; ul; dl; dt; dd; iframe;'

使用此配置，span 标签上不再允许使用样式属性

问题出在我的 styleSets 上:

stylesSet:
      - { name: "style 1", element: ['div', 'p', 'a', 'span'], attributes: { class:"display_only_in_popup" } }
      - { name: "style 2", element: ['div', 'p', 'a', 'span'], attributes: { class:"blockquote" } }
      - { name: "style 3", element: ['div', 'p', 'a', 'span'], attributes: { class:"note" } }
      - { name: "style 4", element: ['p', 'span'], attributes: { class:"highlight" } }
      - { name: "style 5", element: 'span', attributes: { class:"visuallyhidden" } }

之前，当我有 allowedContent:true ，我能够看到并使用我所有的 5 个样式集，但是现在，出于某种原因，我只能在“样式”字段中看到“样式 5”

是否可以在不使用 allowedContent:true 的情况下保留我的 5 个样式集？ ?

非常感谢

Answer 1

看来您的 5 个样式集都使用了 class属性，但您的 allowedContent规则只允许 class span 的属性元素。

我建议更改 allowedContent规则:

allowedContent : '*[class]; a[!href](*);  caption; div; em; h1; h2; h3; h4; h5; h6; hr; i; img; li;  ol; p[*]{*}; pre; strong; sub; sup; table; thead; tbody; tfoot; td; th; tr; tt; u; ul; dl; dt; dd; iframe;'

或者如果你想更明确:

allowedContent : 'div[class]; p[class]; a[class]; span[class]; a[!href](*);  caption; div; em; h1; h2; h3; h4; h5; h6; hr; i; img; li;  ol; p[*]{*}; pre; strong; sub; sup; table; thead; tbody; tfoot; td; th; tr; tt; u; ul; dl; dt; dd; iframe;'

请引用 documentation here .

注意:我无法测试此代码，请在评论中告诉我它是否可以工作。