feat: add onMount

bytedance · Jun 12, 2020 · ede2e38 · ede2e38
1 parent 7cfaf05
commit ede2e38
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/bytemd/src/index.ts b/packages/bytemd/src/index.ts
@@ -12,6 +12,7 @@ export interface BytemdPlugin {
   remarkTransformer?: Transformer;
   rehypeTransformer?: Transformer;
   sanitizeSchema?: any;
+  onMount(el: HTMLElement): void;
 }
 
 export interface EditorProps {

diff --git a/packages/bytemd/src/viewer.svelte b/packages/bytemd/src/viewer.svelte
@@ -1,13 +1,24 @@
 <script>
+  import { afterUpdate } from 'svelte';
   import { processMarkdown } from './utils';
 
   export let value = '';
   export let plugins = [];
 
+  let el;
+
+  afterUpdate(() => {
+    plugins.forEach((p) => {
+      if (p.onMount) {
+        p.onMount(el);
+      }
+    });
+  });
+
   $: html = processMarkdown(value, plugins);
   // $: console.log(html);
 </script>
 
-<div class="markdown-body">
+<div bind:this={el} class="markdown-body">
   {@html html}
 </div>