]> BookStack Code Mirror - bookstack/blobdiff - resources/js/markdown/codemirror.js
Opensearch: Fixed XML declaration when php short tags enabled
[bookstack] / resources / js / markdown / codemirror.js
index 55ea485e3687e450f99ab26848847689ab461ae9..664767605b8a91b33125512efc96476068da4c32 100644 (file)
@@ -1,6 +1,6 @@
-import {provideKeyBindings} from "./shortcuts";
-import {debounce} from "../services/util";
-import Clipboard from "../services/clipboard";
+import {provideKeyBindings} from './shortcuts';
+import {debounce} from '../services/util.ts';
+import {Clipboard} from '../services/clipboard.ts';
 
 /**
  * Initiate the codemirror instance for the markdown editor.
@@ -21,13 +21,15 @@ export async function init(editor) {
 
     const onScrollDebounced = debounce(editor.actions.syncDisplayPosition.bind(editor.actions), 100, false);
     let syncActive = editor.settings.get('scrollSync');
-    editor.settings.onChange('scrollSync', val => syncActive = val);
+    editor.settings.onChange('scrollSync', val => {
+        syncActive = val;
+    });
 
     const domEventHandlers = {
         // Handle scroll to sync display view
-        scroll: (event) => syncActive && onScrollDebounced(event),
+        scroll: event => syncActive && onScrollDebounced(event),
         // Handle image & content drag n drop
-        drop: (event) => {
+        drop: event => {
             const templateId = event.dataTransfer.getData('bookstack/template');
             if (templateId) {
                 event.preventDefault();
@@ -42,8 +44,12 @@ export async function init(editor) {
                 editor.actions.insertClipboardImages(clipboardImages, event.pageX, event.pageY);
             }
         },
+        // Handle dragover event to allow as drop-target in chrome
+        dragover: event => {
+            event.preventDefault();
+        },
         // Handle image paste
-        paste: (event) => {
+        paste: event => {
             const clipboard = new Clipboard(event.clipboardData || event.dataTransfer);
 
             // Don't handle the event ourselves if no items exist of contains table-looking data
@@ -55,8 +61,8 @@ export async function init(editor) {
             for (const image of images) {
                 editor.actions.uploadImage(image);
             }
-        }
-    }
+        },
+    };
 
     const cm = Code.markdownEditor(
         editor.config.inputEl,
@@ -70,4 +76,4 @@ export async function init(editor) {
     window.mdEditorView = cm;
 
     return cm;
-}
\ No newline at end of file
+}