Ver Fonte

隐藏富文本部分工具栏

lifanagju_citu há 8 meses atrás
pai
commit
5d634c392c

+ 5 - 0
src/components/Editor/src/Editor.vue

@@ -59,6 +59,10 @@ const handleCreated = (editor: IDomEditor) => {
   editorRef.value = editor
 }
 
+// 编辑器配置
+import { getExcludeKeys } from './util/toolbarConfig'
+const toolbarConfig = reactive({ excludeKeys: getExcludeKeys() })
+
 // 编辑器配置
 const editorConfig = computed((): IEditorConfig => {
   return Object.assign(
@@ -185,6 +189,7 @@ defineExpose({
     <Toolbar
       :editor="editorRef"
       :editorId="editorId"
+      :defaultConfig="toolbarConfig"
       class="border-0 b-b-1 border-solid border-[var(--tags-view-border-color)]"
     />
     <!-- 编辑器 -->

+ 43 - 0
src/components/Editor/src/util/toolbarConfig.js

@@ -0,0 +1,43 @@
+// 排除掉某些菜单 // getAllMenuKeys查看所有菜单
+export const getExcludeKeys = () => {
+  // 排除
+  const excludeKeys = [
+    'fontFamily',
+    'emotion',
+    'insertLink',
+    'editLink',
+    'unLink',
+    'viewLink',
+    'fullScreen',
+    'todo',
+    // 表格
+    'insertTable',
+    'deleteTable',
+    'insertTableRow',
+    'deleteTableRow',
+    'insertTableCol',
+    'deleteTableCol',
+    'tableHeader',
+    'tableFullWidth',
+    // 图片
+    'group-image',
+    'insertImage',
+    'deleteImage',
+    'editImage',
+    'viewImageLink',
+    'imageWidth30',
+    'imageWidth50',
+    'imageWidth100',
+    'uploadImage',
+    // 视频
+    'group-video',
+    'insertVideo',
+    'uploadVideo',
+    'editVideoSize',
+    // 代码
+    'code',
+    'codeBlock',
+    'codeSelectLang',
+  ]
+  return excludeKeys
+}