X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/6252b46395b35c559e6cbe8e50f170bb0485c997..refs/pull/3598/head:/resources/js/wysiwyg/toolbars.js

diff --git a/resources/js/wysiwyg/toolbars.js b/resources/js/wysiwyg/toolbars.js
index 40cf09dc3..208b3c508 100644
--- 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