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



可以關注我的個人博客共同成長噢
在這裏插入圖片描述

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