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

Attachments: Fixed drag into editor in Chrome

Browse Source 
Seemed to be chrome specific from testing.
Required editors to have preventDefault called on dragover.
Tested in Chrome, FF, & Safari.
Tested in both editors, and re-tested text/image drop to ensure still
works.

Fixed #4975
This commit is contained in:
Dan Brown
2024-04-29 19:21:13 +01:00
parent 06bb55184c
commit 493d8027cd
2 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
resources/js/wysiwyg/drop-paste-handling.js
View File

@ -149,11 +149,26 @@ function drop(editor, options, event) {
wrap = null;
}
/**
* @param {Editor} editor
* @param {DragEvent} event
*/
function dragOver(editor, event) {
// This custom handling essentially emulates the default TinyMCE behaviour while allowing us
// to specifically call preventDefault on the event to allow the drop of custom elements.
event.preventDefault();
editor.focus();
const rangeUtils = window.tinymce.dom.RangeUtils;
const range = rangeUtils.getCaretRangeFromPoint(event.clientX ?? 0, event.clientY ?? 0, editor.getDoc());
editor.selection.setRng(range);
}
/**
* @param {Editor} editor
* @param {WysiwygConfigOptions} options
*/
export function listenForDragAndPaste(editor, options) {
editor.on('dragover', event => dragOver(editor, event));
editor.on('dragstart', () => dragStart(editor));
editor.on('drop', event => drop(editor, options, event));
editor.on('paste', event => paste(editor, options, event));