AE-2164: Fix MagicUrl Quill plugin import when using es modules

solita · Apr 25, 2024 · 634ada3 · 634ada3
1 parent b4a19ce
commit 634ada3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/etp-front/src/components/text-editor/magic-url.cjs b/etp-front/src/components/text-editor/magic-url.cjs
@@ -0,0 +1,7 @@
+// When using es modules, quill-magic-url imports did not work correctly
+// for some reason. As a workaround, import it in common-js file
+// and export its default export again here
+
+const MagicUrl = require('quill-magic-url');
+
+module.exports = MagicUrl.default;
diff --git a/etp-front/src/components/text-editor/quill.js b/etp-front/src/components/text-editor/quill.js
@@ -1,6 +1,6 @@
 import Quill from 'quill';
 import { ImageDrop } from 'quill-image-drop-module';
-import MagicUrl from 'quill-magic-url';
+import MagicUrl from './magic-url.cjs';
 import * as Objects from '@Utility/objects';
 
 Quill.register('modules/imageDrop', ImageDrop);