{
+ render() {
+ const {className, data, classnames: cx, name, value} = this.props;
+ const content =
+ value || (name ? resolveVariableAndFilter(name, data, '| raw') : null);
+
+ return (
+
+
+
+ );
+ }
+}
+
+@Renderer({
+ test: /(^|\/)markdown$/,
+ name: 'markdown'
+})
+export class MarkdownRenderer extends Markdown {}
diff --git a/src/utils/markdown.ts b/src/utils/markdown.ts
new file mode 100644
index 000000000..f101c9e82
--- /dev/null
+++ b/src/utils/markdown.ts
@@ -0,0 +1,35 @@
+/**
+ * @file markdown 解析
+ */
+
+import hljs from 'highlight.js';
+import markdownIt from 'markdown-it';
+import {escapeHtml} from 'markdown-it/lib/common/utils';
+
+const markdown = markdownIt({
+ linkify: true,
+ highlight(str: string, lang: string) {
+ if (lang && hljs.getLanguage(lang)) {
+ try {
+ return (
+ '' +
+ hljs.highlight(lang, str, true).value +
+ '
'
+ );
+ } catch (__) {}
+ }
+ return (
+ '' +
+ escapeHtml(str) +
+ '
'
+ );
+ }
+});
+
+export default function (content: string) {
+ return markdown.render(content);
+}