Vue、Nuxt页面展示MarkDown

news/2024/7/10 1:55:55 标签: Vue, Nuxt, MarkDown, showDown, 小道仙

文章优先发表在个人博客,后期更新可能忘记同步到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就好了。



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


http://www.niftyadmin.cn/n/774990.html

相关文章

个人博客【留言功能】生命历程

文章优先发布在个人博客,后续修改可能忘记同步到CSDN,给你带来不便抱歉 个人博客本篇文章地址:https://www.xdx97.com/article?bamId672122394537623552 每次做完一个功能,后面回想起来,好像没啥呢?不都是…

@JsonFormat的使用

本文优先发表在个人博客&#xff1a;https://www.xdx97.com/article?bamId676180574976606208 #做个笔记。如果时间长了&#xff0c;下面的依赖没办法用&#xff0c;可以考虑提升版本 Maven <dependency><groupId>com.fasterxml.jackson.core</groupId><…

终于,我决定搞一票大的

不知道大家有没有和我一样的感觉&#xff0c;并不是害怕学习新技术&#xff0c;只是不知道学了有什么用。 最开始学习编程的时候&#xff0c;做个小demo就很开心&#xff0c;也很有成就感。愿意这么学下去&#xff0c;但是随着时间的推移&#xff0c;我们不再满足于小的demo。 …

SpringCloud项目整合【eureka+ribbon+zuul+hystrix+hystrix dashboard】

本文不适合没有SpringCloud基础的人学习。 本编文章&#xff0c;是我学习SpringCloud之后自己整理的一个架子。主要用于自己学习 需要源码的同学&#xff0c;关注下面的公众号回复&#xff1a;xdxcloud 服务架构图 1、创建父工程 1-1&#xff1a;创建项目 1-2&#xff1a;添加…

基于Vue + SpringBoot的支付宝支付功能【沙箱测试】

1、演示说明 1-1、先来看看最终效果&#xff1a; 2-1、说明 这并不是真正的支付&#xff0c;是支付宝提供的一个测试。之所以没有使用正式的支付&#xff0c;是因为支付宝&#xff08;微信也是&#xff09;不提供个人开发者功能&#xff0c;只有商户审核通过了才可以有这个功能…

Vue封装API,详细解释。【附带源码】

1、为什么我们要封装API ps: 如果已经有了明确要封装API的需求&#xff0c;直接看第二步。 在没有封装API之前&#xff0c;我们是类似这样使用 axios 的 this.$axios.post(blogArticle/frontList,parms) .then((resp) > {this.blogList resp.data,this.blogTotal resp.t…

Unity FBSDK 接入踩坑记录

关于unity 接入 facebook sdk报错解决记录 问题描述&#xff1a; 打包报错“Temp\gradleOut\unityLibrary\src\main\java\com\unity3d\player\UnityPlayerActivity.java使用或覆盖了已过时的 API.” 1.期间我尝试了将包导出到AndroidStudio中打包&#xff0c;查看bug&#xf…

SpringSecurity实现登录和权限【真~前后端分离】

整合这个SpringSecurity花了我好几天的时间&#xff0c;也让我很头疼。 倒不是因为它很难&#xff0c;只是我搜索到的前后端分离验证&#xff0c;多多少少都有些问题。 下面我就把我完整的代码贡献出来、避免后面的人也走坑。 1、阐述几个问题 这里有几个问题需要表达一下&…