@adminforth/markdown 1.2.8 → 1.2.10

package/build.log

@@ -10,5 +10,5 @@ custom/package-lock.json
 custom/package.json
 custom/tsconfig.json
 
-sent 171,313 bytes  received 115 bytes  342,856.00 bytes/sec
-total size is 170,853  speedup is 1.00
+sent 124,301 bytes  received 115 bytes  248,832.00 bytes/sec
+total size is 123,849  speedup is 1.00

package/custom/MarkdownEditor.vue

@@ -15,7 +15,7 @@ import { Editor } from '@milkdown/core';
 import { Crepe } from '@milkdown/crepe';
 import type { AdminForthColumn } from '@/types/Common';
 import '@milkdown/crepe/theme/common/style.css';
-import '@milkdown/crepe/theme/frame-dark.css';
+import '@milkdown/crepe/theme/frame.css';
 
 const props = defineProps<{
   column: AdminForthColumn,
@@ -32,6 +32,14 @@ const isFocused = ref(false);
 let milkdownInstance: Editor | null = null;
 let crepeInstance: Crepe | null = null;
 
+function normalizeMarkdownForMilkdown(markdown: string): string {
+  if (!markdown) return '';
+  // Milkdown/Crepe’s remark parser can choke on raw HTML nodes inside list items
+  // (e.g. `<br />` gets parsed as an `html` AST node). Convert those line breaks
+  // back into plain markdown newlines before parsing.
+  return markdown.replace(/<br\s*\/?\s*>/gi, '\n');
+}
+
 onMounted(async () => {
   if (!editorContainer.value) return;
   try {
@@ -64,14 +72,19 @@ onMounted(async () => {
 
     // Crepe
     if (props.column.components.edit.meta.pluginType === 'crepe' || props.column.components.create.meta.pluginType === 'crepe') {
+      const normalizedInitialValue = normalizeMarkdownForMilkdown(content.value);
+      if (normalizedInitialValue !== content.value) {
+        content.value = normalizedInitialValue;
+      }
+
       crepeInstance = await new Crepe({
         root: editorContainer.value,
-        defaultValue: content.value,
+        defaultValue: normalizedInitialValue,
       });
 
       crepeInstance.on((listener) => {
         listener.markdownUpdated(async () => {
-          let markdownContent = crepeInstance.getMarkdown(); 
+          let markdownContent = normalizeMarkdownForMilkdown(crepeInstance.getMarkdown());
           markdownContent = await replaceBlobsWithS3Urls(markdownContent);
           emit('update:value', markdownContent);
         });