feat: 使用新的UI布局及替换toolbar的icon

[snowlocked]

Why

按照UI替换icon，修改样式，使组件更美观

How

1. 替换toolbar各个plugin的buttonView
2. 引入原生的editing plugin
3. 重新组装起来

import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
// import 自己的UI
import BoldUI form './boldUI'
// import 原有功能
import BoldEditing from '@ckeditor/ckeditor5-basic-styles/src/bold/boldediting'
// 重新封装成自己的plugin
export default class Bold extends Plugin {
  /**
   * @inheritDoc
   */
  static get requires() {
    return [ BoldEditing, BoldUI ];
  }

  /**
   * @inheritDoc
   */
  static get pluginName() {
    return 'Bold';
  }
}

[eviIIt]

不知道有没有兼容 macOS

[snowlocked]

这个是原来原生逻辑搬下来的，只用于显示

[netlify]

Deploy preview for v-editor ready!

Built with commit eeef861

https://deploy-preview-111--v-editor.netlify.app

[levy9527]

在 toolbar 里，把 H，修改成 "正文“。注意，把“正文”切换成 “标题”时，toolbar 的宽度不会抖动。现在宽度是会变化的：

变窄

变宽

[snowlocked]

在 toolbar 里，把 H，修改成 "正文“。注意，把“正文”切换成 “标题”时，toolbar 的宽度不会抖动。现在宽度是会变化的：

变窄

变宽

已设置为居中，宽度固定45px