Added table creation and insertion

[bookstack] / resources / js / editor / menu / index.js

diff --git a/resources/js/editor/menu/index.js b/resources/js/editor/menu/index.js
index b834a46e6caffc76c28228d2cb538a3f216688f0..665d5f9ef654406d6a1e8f35a6c7c95d1d50ca3c 100644 (file)
--- a/resources/js/editor/menu/index.js
+++ b/resources/js/editor/menu/index.js
@@ -4,9 +4,14 @@ import {
 } from "./menu"
 import {icons} from "./icons";
 import ColorPickerGrid from "./ColorPickerGrid";
+import TableCreatorGrid from "./TableCreatorGrid";
 import {toggleMark} from "prosemirror-commands";
 import {menuBar} from "./menubar"
 import schema from "../schema";
+import {removeMarks} from "../commands";
+
+import itemAnchorButtonItem from "./item-anchor-button";
+import itemHtmlSourceButton from "./item-html-source-button";
 
 
 function cmdItem(cmd, options) {
@@ -83,6 +88,10 @@ const formats = [
         label: "Paragraph",
         attrs: {}
     }),
+    markItem(schema.marks.code, {
+        label: "Inline Code",
+        attrs: {}
+    }),
     new DropdownSubmenu([
         blockTypeItem(schema.nodes.callout, {
             label: "Info Callout",
@@ -141,10 +150,24 @@ const lists = [
 ];
 
 const inserts = [
+    itemAnchorButtonItem(),
     insertBlockBeforeItem(schema.nodes.horizontal_rule, {
         title: "Horizontal Rule",
         icon: icons.horizontal_rule,
     }),
+    new DropdownSubmenu([
+        new TableCreatorGrid()
+    ], {icon: icons.table}),
+    itemHtmlSourceButton(),
+];
+
+const utilities = [
+    new MenuItem({
+        title: 'Clear Formatting',
+        icon: icons.format_clear,
+        run: removeMarks(),
+        enable: state => true,
+    }),
 ];
 
 const menu = menuBar({
@@ -157,6 +180,7 @@ const menu = menuBar({
         alignments,
         lists,
         inserts,
+        utilities,
     ],
 });