feat: ✨ can set menubar: false to prevent the button from rendering…

… in the menubar (#53) close #53
Leecason · May 5, 2020 · 644d3dd · 644d3dd
1 parent 103ef46
commit 644d3dd
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -159,7 +159,7 @@ export default {
       new Paragraph(),
       new Heading({ level: 5 }),
       new Bold({ bubble: true }), // render command-button in bubble menu.
-      new Underline(),
+      new Underline({ bubble: true, menubar: false }), // render command-button in bubble menu but not in menubar.
       new Italic(),
       new Strike(),
       new ListItem(),

diff --git a/README_ZH.md b/README_ZH.md
@@ -159,7 +159,7 @@ export default {
       new Paragraph(),
       new Heading({ level: 5 }),
       new Bold({ bubble: true }), // 在气泡菜单中渲染菜单按钮
-      new Underline(),
+      new Underline({ bubble: true, menubar: false }), // 在气泡菜单而不在菜单栏中渲染菜单按钮
       new Italic(),
       new Strike(),
       new ListItem(),

diff --git a/src/components/MenuBar/index.vue b/src/components/MenuBar/index.vue
@@ -37,6 +37,7 @@ export default class Menubar extends Vue {
   private generateCommandButtonComponentSpecs (editorContext: MenuData): MenuBtnViewType[] {
     const extensionManager = this.editor.extensions;
     return extensionManager.extensions.reduce <MenuBtnViewType[]>((acc, extension) => {
+      if (extension.options.menubar === false) return acc;
       if (typeof extension.menuBtnView !== 'function') return acc;
 
       const menuBtnComponentSpec = extension.menuBtnView({