提交

src/view/allMedia/AIeditor/components/clearMenu.js

@@ -0,0 +1,29 @@
+import { IDomEditor } from '@wangeditor/editor';
+
+export default class ClearMenu {
+  constructor() {
+    this.title = '清空'; // 自定义菜单标题
+    this.tag = 'button';
+  }
+
+  // 获取菜单执行时的 value ，用不到则返回空 字符串或 false
+  getValue(editor) {
+    return '';
+  }
+
+  // 菜单是否需要激活（如选中加粗文本，“加粗”菜单会激活），用不到则返回 false
+  isActive(editor) {
+    return false;
+  }
+
+  // 菜单是否需要禁用（如选中 H1 ，“引用”菜单被禁用），用不到则返回 false
+  isDisabled(editor) {
+    return false;
+  }
+
+  // 点击菜单时触发的函数
+  exec(editor) {
+    // JS 语法
+    editor.clear();
+  }
+}

src/view/allMedia/AIeditor/index.vue

@@ -231,6 +231,7 @@ import '@wangeditor/editor/dist/css/style.css'; // 引入 css
 import { onBeforeUnmount, ref, shallowRef, onMounted } from 'vue';
 import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
 import { advertisement, generate_pc_get, getSID } from '@/api/aleditor.js';
+import { Boot } from '@wangeditor/editor'
 // 右侧一级组件
 import pen_ink from './components/pen_ink.vue';
 import review from './components/review.vue';
@@ -255,7 +256,15 @@ import poetry from './components/poetry.vue';
 import novel from './components/novel.vue';
 import composition from './components/composition.vue';
 import continuation from './components/continuation.vue';
+import ClearMenu from "./components/clearMenu";
 
+const menu = {
+    key:'clear',
+    factory(){
+        return new ClearMenu();
+    }
+}
+Boot.registerMenu(menu);
 // 右侧头部数据
 const right_head = ref({});
 
@@ -393,6 +402,7 @@ const toolbarConfig = {
     'headerSelect',
     'bulletedList',
     'numberedList',
+    'clear'
   ],
 };
 const editorConfig = {