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标记

上不再允许样式属性

问题在于我的stylesSets：

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个样式集，但现在，出于某种原因，我只看到＆＃34;样式5＆＃34;在样式字段中

是否可以在不使用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。

注意：我无法测试此代码，如果能够完成此任务，请在评论中告诉我。

Ckeditor：stylesSet在我设置自定义的allowedContent时不起作用

1 个答案: