wangEditor 5 实现排除指定的哪些菜单

最新推荐文章于 2024-08-22 11:31:46 发布

掉落的牙

最新推荐文章于 2024-08-22 11:31:46 发布

阅读量428

点赞数 4

文章标签：前端 typescript

本文链接：https://blog.csdn.net/bpluoxong/article/details/139125561

版权

先引入模块

import { IToolbarConfig } from '@wangeditor/editor'
import { Editor, Toolbar } from '@wangeditor/editor-for-vue'

再输入需要排除的菜单

const toolbarConfig: Partial<IToolbarConfig> = {
  excludeKeys: [
    'uploadVideo', // 排除菜单组，写菜单组 key 的值即可
    "group-video",
  ]
}

再与顶部菜单绑定注意这里是和 Toolbar绑定，底部的Editor上的defaultConfig是和定义的功能绑定的

<template>
  <div class="border-1 border-solid border-[var(--el-border-color)] z-99">
    <!-- 工具栏 -->
    <Toolbar :defaultConfig="toolbarConfig"/>
    <!-- 编辑器 -->
    <Editor v-model="valueHtml" :defaultConfig="editorConfig" />
  </div>
</template>

这样就可以实现对顶部的菜单栏的控制