BookStack/resources/js/wysiwyg/toolbars.js

79 lines
No EOL
2.1 KiB
JavaScript

/**
* @param {WysiwygConfigOptions} options
* @return {String}
*/
export function getPrimaryToolbar(options) {
const textDirPlugins = options.textDirection === 'rtl' ? 'ltr rtl' : '';
const toolbar = [
'undo redo',
'styles',
'bold italic underline forecolor backcolor formatoverflow',
'alignleft aligncenter alignright alignjustify',
'bullist numlist listoverflow',
textDirPlugins,
'link table imagemanager-insert insertoverflow',
'code about fullscreen'
];
return toolbar.filter(row => Boolean(row)).join(' | ');
}
/**
* @param {Editor} editor
*/
function registerPrimaryToolbarGroups(editor) {
editor.ui.registry.addGroupToolbarButton('formatoverflow', {
icon: 'more-drawer',
tooltip: 'More',
items: 'strikethrough superscript subscript inlinecode removeformat'
});
editor.ui.registry.addGroupToolbarButton('listoverflow', {
icon: 'more-drawer',
tooltip: 'More',
items: 'tasklist outdent indent'
});
editor.ui.registry.addGroupToolbarButton('insertoverflow', {
icon: 'more-drawer',
tooltip: 'More',
items: 'hr codeeditor drawio media details'
});
}
/**
* @param {Editor} editor
*/
function registerLinkContextToolbar(editor) {
editor.ui.registry.addContextToolbar('linkcontexttoolbar', {
predicate(node) {
return node.closest('a') !== null;
},
position: 'node',
scope: 'node',
items: 'link unlink openlink'
});
}
/**
* @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
*/
export function registerAdditionalToolbars(editor, options) {
registerPrimaryToolbarGroups(editor);
registerLinkContextToolbar(editor);
registerImageContextToolbar(editor);
}