diff --git a/packages/devui-vue/docs/components/editor-md/index.md b/packages/devui-vue/docs/components/editor-md/index.md index 38e28d7840..5ca74c3e46 100644 --- a/packages/devui-vue/docs/components/editor-md/index.md +++ b/packages/devui-vue/docs/components/editor-md/index.md @@ -232,6 +232,90 @@ export default defineComponent({ editor-md/checkbox ::: +### 数学公式 渲染 + +:::demo 通过配置md-plugins katex插件,进行数学公式渲染。 + +```vue + + + +``` + +::: + +### PlantUML 渲染 + +:::demo 通过配置md-plugins plantuml插件,进行plantuml图渲染。 + +```vue + + + +``` + +::: + ### 配置快速提示 :::demo 设置 hintConfig 后,可用于支持@选择用户等场景。 diff --git a/packages/devui-vue/package.json b/packages/devui-vue/package.json index f3ccdbfaf5..a165f30c37 100644 --- a/packages/devui-vue/package.json +++ b/packages/devui-vue/package.json @@ -48,6 +48,7 @@ "@babel/helper-hoist-variables": "^7.22.5", "@devui-design/icons": "^1.3.0", "@floating-ui/dom": "^0.4.4", + "@iktakahiro/markdown-it-katex": "^4.0.1", "@types/codemirror": "0.0.97", "@types/lodash-es": "^4.17.4", "@vue/shared": "^3.2.33", @@ -65,6 +66,7 @@ "lodash": "^4.17.21", "lodash-es": "^4.17.20", "markdown-it": "12.2.0", + "markdown-it-plantuml": "^1.4.1", "mermaid": "9.1.1", "mitt": "^3.0.0", "monaco-editor": "0.34.0",