本文主要是介绍Vue、Nuxt页面展示MarkDown,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
文章优先发表在个人博客,后期更新可能忘记同步到CSDN上面,给你带来不便抱歉
个人博客本篇文章地址: https://www.xdx97.com/article?bamId=672192777479520256
今天在做留言功能的时候,需要在页面展示markdown语法
这里给大家推荐: showdown ,感觉它还不是特别好用,但着实简单。
1、安装引入
1、可以使用 npm 安装,但是我在BootCDN找到了链接,那就没把要安装浪费资源了,直接引用CDN了。
CND地址: https://www.bootcdn.cn/showdown/
Nuxt引入:
Vue 引入:我这里没有直接使用Vue,但是没关系,你直接在 index.html 中全局引入就好了
2、使用
let converter = new showdown.Converter();let html = converter.makeHtml('### 我是小道仙');console.log(html);
3、其它
从上面的使用我们可以看出来,showdown是把markdown转化成了 html,我们可以把这个html数据存入数据库,然后再展示这个html就好了。
可以关注我的个人博客共同成长噢
这篇关于Vue、Nuxt页面展示MarkDown的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!