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