wangeditor 工具栏所有默认配置

4,939 阅读1分钟

前言

使用时,需要去掉部分工具栏选项,发现官方没有把所有的工具key列举出来。调用方法将当前工具栏打印出来,记录方便大家使用。可以对照图片和下方配置项,去除指定工具选项。

编辑器&配置项

editor.png

工具栏的所有默认配置

0"headerSelect"
1"blockquote"
2"|"
3"bold"
4"underline"
5"italic"
6: {key'group-more-style'title'更多'iconSvg'<svg viewBox="0 0 1024 1024"><path d="M204.8 505.6…0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"></path></svg>'menuKeysArray(5)}
7"color"
8"bgColor"
9"|"
10"fontSize"
11"fontFamily"
12"lineHeight"
13"|"
14"bulletedList"
15"numberedList"
16"todo"
17: {key'group-justify'title'对齐'iconSvg'<svg viewBox="0 0 1024 1024"><path d="M768 793.6v1…72.8 102.4v102.4H51.2V102.4h921.6z"></path></svg>'menuKeysArray(4)}
18: {key'group-indent'title'缩进'iconSvg'<svg viewBox="0 0 1024 1024"><path d="M0 64h1024v1…32h1024v128H0z m0-128V320l256 192z"></path></svg>'menuKeysArray(2)}
19"|"
20"emotion"
21"insertLink"
22: {key'group-image'title'图片'iconSvg'<svg viewBox="0 0 1024 1024"><path d="M959.877 128…l224.01-384 256 320h64l224.01-192z"></path></svg>'menuKeysArray(2)}
23: {key'group-video'title'视频'iconSvg'<svg viewBox="0 0 1024 1024"><path d="M981.184 160….904zM384 704V320l320 192-320 192z"></path></svg>'menuKeysArray(2)}
24"insertTable"
25"codeBlock"
26"divider"
27"|"
28"undo"
29"redo"
30"|"
31"fullScreen"

参考链接:

官方工具栏配置