配置字号

编辑器的字号,可以通过 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' 也不可改变,也不可增加,只能减少。而且,valuekey 必须对应起来,例如 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 。

Copyright © wangEditor (2020 - present) all right reserved,powered by GitbookFile Modify: 2022-04-11 07:03:47

results matching ""

    No results matching ""