feat: add editor effect

Author: pd4d10

packages/bytemd/src/editor.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { onMount, createEventDispatcher } from 'svelte';
+  import { onMount, createEventDispatcher, onDestroy } from 'svelte';
   import Toolbar from './toolbar.svelte';
   import Viewer from './viewer.svelte';
   import { dataUrlFileHandler, initEditor } from './editor';
@@ -16,6 +16,7 @@
   let textarea;
   let viewer;
   let cm;
+  let cbs = [];
 
   let activeTab = 0;
   function setActiveTab(e) {
@@ -38,7 +39,11 @@
       dispatch,
       debounceMs
     );
-    dispatch('mount', { cm });
+    cbs = plugins.map(({ editorEffect }) => editorEffect && editorEffect());
+  });
+
+  onDestroy(() => {
+    cbs.forEach((cb) => cb && cb());
   });
 </script>
 

packages/bytemd/src/index.ts

@@ -19,6 +19,7 @@ export interface BytemdPlugin {
   remark?: UnifiedProcessor;
   rehype?: UnifiedProcessor;
   sanitizeSchema?: any;
+  editorEffect?(cm: codemirror.Editor): void | (() => void);
   viewerEffect?(el: HTMLElement): void | (() => void);
 }
 

packages/bytemd/vue/src/editor.vue

@@ -24,9 +24,6 @@ export default {
     editor.$on('change', (e) => {
       this.$emit('change', e.detail.value);
     });
-    editor.$on('mount', (e) => {
-      this.$emit('mount', e.detail.cm);
-    });
     this.editor = editor;
   },
   watch: {