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

diff --git a/resources/js/wysiwyg/toolbars.js b/resources/js/wysiwyg/toolbars.js
index 740220d84..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',
@@ -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