配置字号
编辑器的字号,可以通过 editor.config.fontSizes
配置。
const E = window.wangEditor
const editor = new E('#div1')
editor.config.fontSizes = {
'x-small': { name: '10px', value: '1' },
'small': { name: '13px', value: '2' },
'normal': { name: '16px', value: '3' },
'large': { name: '18px', value: '4' },
'x-large': { name: '24px', value: '5' },
'xx-large': { name: '32px', value: '6' },
'xxx-large': { name: '48px', value: '7' },
}
editor.create()
【特别注意】上述配置中
key
的值(即x-small
small
normal
等这些)不可改变,key
不可增加,只能减少。value: '1 - 7'
也不可改变,也不可增加,只能减少。而且,value
和key
必须对应起来,例如small
就必须对应2
因此,上述配置中,你只能修改 name
。但修改之后,不会生效,还需要做一些调整。
以 'large': { name: '18px', value: '4' }
这个举例。
编辑器设置这个 font-size ,会生成 <font size="4">...</font>
。所以,你还需要增加下面的 css 代,让 size="4"
对应到 font-size: 18px;
。
font[size="4"] {
font-size: 18px;
}
编辑器页面需要该 css ,回显页面也需要该 css 。