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就好了。



可以关注我的个人博客共同成长噢
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章