add SanitizeOption

apps/app/src/client/services/renderer/renderer.tsx

@@ -79,6 +79,7 @@ export const generateViewOptions = (
       drawioPlugin.sanitizeOption,
       lsxGrowiPlugin.sanitizeOption,
       refsGrowiPlugin.sanitizeOption,
+      mermaid.sanitizeOption,
     )]
     : () => {};
 
@@ -188,6 +189,7 @@ export const generateSimpleViewOptions = (
       drawioPlugin.sanitizeOption,
       lsxGrowiPlugin.sanitizeOption,
       refsGrowiPlugin.sanitizeOption,
+      mermaid.sanitizeOption,
     )]
     : () => {};
 
@@ -261,6 +263,7 @@ export const generatePreviewOptions = (config: RendererConfig, pagePath: string)
       refsGrowiPlugin.sanitizeOption,
       drawioPlugin.sanitizeOption,
       addLineNumberAttribute.sanitizeOption,
+      mermaid.sanitizeOption,
     )]
     : () => {};
 

apps/app/src/services/renderer/remark-plugins/mermaid.ts

@@ -1,3 +1,4 @@
+import type { Schema as SanitizeOption } from 'hast-util-sanitize';
 import { Plugin } from 'unified';
 import { Node } from 'unist';
 import { visit } from 'unist-util-visit';
@@ -17,3 +18,7 @@ export const remarkPlugin: Plugin = function() {
     });
   };
 };
+
+export const sanitizeOption: SanitizeOption = {
+  tagNames: ['mermaid'],
+};