fix: update the placeholder to still render the unhighlighted code

antfu · Jan 22, 2025 · d0db092 · d0db092
1 parent c828244
commit d0db092
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -31,8 +31,8 @@ export interface MarkdownItAsyncOptions extends Omit<Options, 'highlight'> {
 
 export type { MarkdownItAsyncOptions as Options }
 
-const placeholder = (id: string): string => `<pre>::markdown-it-async::${id}::</pre>`
-const placeholderRe = /<pre>::markdown-it-async::(\w+)::<\/pre>/g
+const placeholder = (id: string, code: string): string => `<pre><!--::markdown-it-async::${id}::--><code>${code}</code></pre>`
+const placeholderRe = /<pre><!--::markdown-it-async::(\w+)::--><code>[\s\S]*?<\/code><\/pre>/g
 
 function randStr(): string {
   return Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2)
@@ -141,7 +141,7 @@ function wrapHightlight(highlight: MarkdownItAsyncOptions['highlight'], map: Mar
       return promise
     const id = randStr()
     map.set(id, [promise, str, lang, attrs])
-    return placeholder(id)
+    return placeholder(id, str)
   }
 
   wrappedSet.add(wrapped)