我正在使用ckeditor3,并且安装了font插件。给我一个真正困难的时刻是弄清楚如何使用CKEDTIOR.config属性配置字体插件,以阻止该插件更改类似的内容
<font size='6'>test text</font>
至
<span size='xx-large'>test</span>
为了澄清,我不是在问如何防止将<font>
标记更改为<span>
标记。我需要的是如何告诉字体插件为size = 1使用4px而不是x-small。换句话说,我想配置ckeditor的字体插件来更改<font size='6'>test text</font>
至
<span size='14px'>test</span>
。我已经研究并阅读了ckeditor文档的很大一部分,但是我还没有找到一个具体的示例来说明如何告诉插件使用我提供的sizes数组,而不是字体插件中的sizes数组。当前,如果我查看字体插件的js,我会发现它在使用此数组的地方具有contentTransformations
属性:
var sizes = ['x-small','small','medium','large','x-large','xx-large','48px']
通过阅读文档,我知道我可以在过滤器上使用allowedContent
,extraAllowedContent
甚至使用transformations
,但是我还没有遇到如何更改插件的示例配置。那么如何更改插件配置,使其不使用“衬衫”尺寸(即(x-小到xx-大),而是使用像素)?
这是我要传递给config obj的extraAllowedContent对象。
{
'table td tr': {
classes: '*'
},
'style': {
attributes: '[type,id]'
},
'font': {
style: '[size,font-family]',
attributes: '[style,size]'
},
'span': {
style: '[color]',
attributes: '[style]'
}
}
我不使用allowedContent=true
,因为它不够严格,并且因为我必须定义所有可能想到的标记和属性/类/样式组合的情况。但是,如果有办法将allowedContent
与extraAllowedContent
一起使用并说filter transformations
,那可能是最好的选择? IDK。感谢ckeditor和stackoverflow的帮助。