fix(demo): fix contentRender

mdit-plugins · May 5, 2024 · cfffb20 · cfffb20
1 parent 0fc99b8
commit cfffb20
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 11 deletions.
diff --git a/docs/src/demo.md b/docs/src/demo.md
@@ -95,9 +95,14 @@ interface MarkdownItDemoOptions {
   codeRender?: RenderRule;
 
   /**
-   * Content render function
+   * Content open tag render function
    */
-  contentRender?: RenderRule;
+  contentOpenRender?: RenderRule;
+
+  /**
+   * Content close tag render function
+   */
+  contentCloseRender?: RenderRule;
 }
 ```
 

diff --git a/docs/src/zh/demo.md b/docs/src/zh/demo.md
@@ -95,9 +95,14 @@ interface MarkdownItDemoOptions {
   codeRender?: RenderRule;
 
   /**
-   * 内容渲染函数
+   * 内容开始标签渲染函数
    */
-  contentRender?: RenderRule;
+  contentOpenRender?: RenderRule;
+
+  /**
+   * 内容结束标签渲染函数
+   */
+  contentCloseRender?: RenderRule;
 }
 ```
 

diff --git a/packages/demo/__tests__/demo.spec.ts b/packages/demo/__tests__/demo.spec.ts
@@ -175,6 +175,8 @@ it("customRender", () => {
         self,
       )}`;
     },
+    contentOpenRender: () => "",
+    contentCloseRender: () => "",
   });
 
   expect(
@@ -186,12 +188,10 @@ ${mdContent}
   ).toBe(
     `\
 <details><summary>
-<div class="demo-content">
 <h1>Heading 1</h1>
 <p>Content text.</p>
 <pre><code class="language-js">const a = 1;
 </code></pre>
-</div>
 </summary>
 <pre><code class="language-md">${mdContent}
 </code></pre>

diff --git a/packages/demo/src/options.ts b/packages/demo/src/options.ts
@@ -41,9 +41,16 @@ export interface MarkdownItDemoOptions {
   codeRender?: RenderRule;
 
   /**
-   * Content render function
+   * Content open tag render function
    *
-   * 内容渲染函数
+   * 内容开始标签渲染函数
    */
-  contentRender?: RenderRule;
+  contentOpenRender?: RenderRule;
+
+  /**
+   * Content close tag render function
+   *
+   * 内容结束标签渲染函数
+   */
+  contentCloseRender?: RenderRule;
 }
diff --git a/packages/demo/src/plugin.ts b/packages/demo/src/plugin.ts
@@ -12,7 +12,8 @@ export const demo: PluginWithOptions<MarkdownItDemoOptions> = (
       `<details><summary>${tokens[index].info.trim()}</summary>\n`,
     closeRender = (): string => "</details>\n",
     codeRender,
-    contentRender,
+    contentOpenRender,
+    contentCloseRender,
     beforeContent = false,
   } = {},
 ) => {
@@ -161,5 +162,8 @@ export const demo: PluginWithOptions<MarkdownItDemoOptions> = (
   md.renderer.rules["demo_open"] = openRender;
   md.renderer.rules["demo_close"] = closeRender;
   if (codeRender) md.renderer.rules["demo_code"] = codeRender;
-  if (contentRender) md.renderer.rules["demo_content"] = contentRender;
+  if (contentOpenRender)
+    md.renderer.rules["demo_content_open"] = contentOpenRender;
+  if (contentCloseRender)
+    md.renderer.rules["demo_content_close"] = contentCloseRender;
 };