github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-06-10 13:43:38 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added wysiwyg code block edit tooltip

Browse Source 
For easier editing access on mobile devices where previous doubleclick
does not work so well.
For #2815
This commit is contained in:
Dan Brown
2022-10-15 15:47:34 +01:00
parent 6adc642d2f
commit 0269f5122e
2 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
resources/js/wysiwyg/plugin-codeeditor.js
View File

@ -153,6 +153,14 @@ function register(editor, url) {
}
});
editor.ui.registry.addButton('editcodeeditor', {
tooltip: 'Edit code block',
icon: 'edit-block',
onAction() {
editor.execCommand('codeeditor');
}
});
editor.addCommand('codeeditor', () => {
const selectedNode = editor.selection.getNode();
const doc = selectedNode.ownerDocument;
@ -208,6 +216,15 @@ function register(editor, url) {
});
});
editor.ui.registry.addContextToolbar('codeeditor', {
predicate: function (node) {
return node.nodeName.toLowerCase() === 'code-block';
},
items: 'editcodeeditor',
position: 'node',
scope: 'node'
});
editor.on('PreInit', () => {
defineCodeBlockCustomElement(editor);
});