配置字号

编辑器的字号，可以通过 editor.config.fontSizes 配置。

  1. const E = window.wangEditor
  2. const editor = new E('#div1')
  4. editor.config.fontSizes = {
  5.     'x-small': { name: '10px', value: '1' },
  6.     'small': { name: '13px', value: '2' },
  7.     'normal': { name: '16px', value: '3' },
  8.     'large': { name: '18px', value: '4' },
  9.     'x-large': { name: '24px', value: '5' },
  10.     'xx-large': { name: '32px', value: '6' },
  11.     'xxx-large': { name: '48px', value: '7' },
  12. }
  14. 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; 。

  1. font[size="4"] {
  2.     font-size: 18px;
  3. }

编辑器页面需要该 css ，回显页面也需要该 css 。