Added "page_include_parse" theme event

[bookstack] / resources / js / wysiwyg / toolbars.js

diff --git a/resources/js/wysiwyg/toolbars.js b/resources/js/wysiwyg/toolbars.js
index 40cf09dc3268202c83d5c9492de7292c2872c589..208b3c508dc8e2f8b2671ed1c8ad3b43199da685 100644 (file)
--- a/resources/js/wysiwyg/toolbars.js
+++ b/resources/js/wysiwyg/toolbars.js
@@ -7,7 +7,7 @@ export function getPrimaryToolbar(options) {
 
     const toolbar = [
         'undo redo',
-        'styleselect',
+        'styles',
         'bold italic underline forecolor backcolor formatoverflow',
         'alignleft aligncenter alignright alignjustify',
         'bullist numlist listoverflow',
@@ -31,7 +31,7 @@ function registerPrimaryToolbarGroups(editor) {
     editor.ui.registry.addGroupToolbarButton('listoverflow', {
         icon: 'more-drawer',
         tooltip: 'More',
-        items: 'outdent indent'
+        items: 'tasklist outdent indent'
     });
     editor.ui.registry.addGroupToolbarButton('insertoverflow', {
         icon: 'more-drawer',
@@ -54,6 +54,20 @@ function registerLinkContextToolbar(editor) {
     });
 }
 
+/**
+ * @param {Editor} editor
+ */
+function registerImageContextToolbar(editor) {
+    editor.ui.registry.addContextToolbar('imagecontexttoolbar', {
+        predicate(node) {
+            return node.closest('img') !== null;
+        },
+        position: 'node',
+        scope: 'node',
+        items: 'image'
+    });
+}
+
 /**
  * @param {Editor} editor
  * @param {WysiwygConfigOptions} options
@@ -61,4 +75,5 @@ function registerLinkContextToolbar(editor) {
 export function registerAdditionalToolbars(editor, options) {
     registerPrimaryToolbarGroups(editor);
     registerLinkContextToolbar(editor);
+    registerImageContextToolbar(editor);
 }
\ No newline at end of file