1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > wangEditor富文本编辑器自定义菜单(工具栏)

wangEditor富文本编辑器自定义菜单(工具栏)

时间:2020-05-11 03:07:01

相关推荐

wangEditor富文本编辑器自定义菜单(工具栏)

如果仅仅想排除掉某些菜单,其他都保留,可以使用 excludeKeys 来配置。

可通过 toolbar.getConfig().toolbarKeys 查看工具栏的默认配置。

import { IToolbarConfig, createToolbar } from '@wangeditor/editor'const toolbarConfig: Partial<IToolbarConfig> = {excludeKeys: ['headerSelect','italic','group-more-style' // 排除菜单组,写菜单组 key 的值即可]}// 创建 toolbar

如果想排除某个菜单组,可通过 toolbar.getConfig().toolbarKeys 找到这个菜单组的 key。

官方例子中 使用excludeKeys方法:

window.toolbar = E.createToolbar({editor,selector: '#editor-toolbar',config: {// 去除blockquote引用,todo待办,emotion表情excludeKeys: ["blockquote", "todo", "emotion"]},});// console.log(editor.getAllMenuKeys())// console.log(toolbar.getConfig().toolbarKeys)// var obj = toolbar.getConfig().toolbarKeys// for(var i in obj) {//console.log(i,":",obj[i]);// }

默认菜单中对应的key值:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。