ZIP Export: Expanded page & added base attachment handling

[bookstack] / resources / js / markdown / codemirror.js

diff --git a/resources/js/markdown/codemirror.js b/resources/js/markdown/codemirror.js
index 67b7c68ec869d19d1cddfdf705244fba7bdd8454..a6332cbb844fddc44d022e9708b0051fca5b41e3 100644 (file)
--- a/resources/js/markdown/codemirror.js
+++ b/resources/js/markdown/codemirror.js
@@ -1,6 +1,6 @@
 import {provideKeyBindings} from './shortcuts';
 import {debounce} from '../services/util';
 import {provideKeyBindings} from './shortcuts';
 import {debounce} from '../services/util';

-import Clipboard from '../services/clipboard';
+import {Clipboard} from '../services/clipboard.ts';

 
 /**
  * Initiate the codemirror instance for the markdown editor.
 
 /**
  * Initiate the codemirror instance for the markdown editor.


@@ -21,7 +21,9 @@ export async function init(editor) {
 
     const onScrollDebounced = debounce(editor.actions.syncDisplayPosition.bind(editor.actions), 100, false);
     let syncActive = editor.settings.get('scrollSync');
 
     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
 
     const domEventHandlers = {
         // Handle scroll to sync display view


@@ -42,6 +44,10 @@ export async function init(editor) {
                 editor.actions.insertClipboardImages(clipboardImages, event.pageX, event.pageY);
             }
         },
                 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 => {
             const clipboard = new Clipboard(event.clipboardData || event.dataTransfer);
         // Handle image paste
         paste: event => {
             const clipboard = new Clipboard(event.clipboardData || event.dataTransfer);