aboutsummaryrefslogtreecommitdiffstats
path: root/webui/src/Content.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'webui/src/Content.tsx')
-rw-r--r--webui/src/Content.tsx26
1 files changed, 26 insertions, 0 deletions
diff --git a/webui/src/Content.tsx b/webui/src/Content.tsx
new file mode 100644
index 00000000..3a7af2f8
--- /dev/null
+++ b/webui/src/Content.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import html from 'remark-html';
+import parse from 'remark-parse';
+import remark2react from 'remark-react';
+import unified from 'unified';
+
+import ImageTag from './tag/ImageTag';
+import PreTag from './tag/PreTag';
+
+type Props = { markdown: string };
+const Content: React.FC<Props> = ({ markdown }: Props) => {
+ const processor = unified()
+ .use(parse)
+ .use(html)
+ .use(remark2react, {
+ remarkReactComponents: {
+ img: ImageTag,
+ pre: PreTag,
+ },
+ });
+
+ const contents: React.ReactNode = processor.processSync(markdown).contents;
+ return <>{contents}</>;
+};
+
+export default Content;