前几天有给大家分享一款最新uniapp+vue3仿制chatGPT会话实战项目,今天给大家分享其中用到的markdown语法解析组件。
https://ask.dcloud.net.cn/article/40604
如上图:支持 h5/小程序/APP端 渲染markdown语法。
该组件已经发布到了插件市场,免费下载使用。
https://ext.dcloud.net.cn/plugin?id=13307
原理是使用了markdown-it
和highlight.js
两款插件进行语法解析。
// 引入markdown-it和highlight.js插件
import MarkdownIt from '@/plugins/markdown-it.min.js'
import hljs from '@/plugins/highlight/highlight.min.js'
// import '@/plugins/highlight/github-dark.min.css'
import '@/plugins/highlight/atom-one-light.css'
import parseHtml from '@/plugins/html-parser.js'
快速使用
const mdvalue = '### uniapp markdwon'
<ua-markdown :source="mdvalue" />
<ua-markdown :source="xxx" :showLine="false" />
如果大家在项目中有需要用到,欢迎下载使用,一起交流学习哈~~~