showdown解析markDown的使用方法
项目中数据很多都是用markDown编辑的,所以要前台进行解析,之前也用了vue-markdown,但是没有办法解析u这个标签这个下划线样式,所以改用showdown。
安装方法
npm install showdown
使用方法
//js部分
<script>var showdown = require('showdown'),converter = new showdown.Converter();export default {data() {return {}},components: {},props: [],//已成功挂载,相当ready()mounted() {},//相关操作事件methods: {compileMarkDown: function (value) {return converter.makeHtml(value)}},}</script>
//html部分
<template><div><h4 v-html='compileMarkDown('这里放要解析的数据')'></h4></div>
</template>
本人分享比较枯燥,没有搞笑的言语,只是想把自己踩得坑分享给大家,让大家提高开发效率
showdown解析markDown的使用方法相关推荐
- vue使用marked解析markdown文本遇到的坑及解决方法
vue使用marked解析markdown文本遇到的坑及解决方法 1. 前言 最近在搭建自己的博客网站 https://lyuanzhi.com,不免遇到了要把markdown文本转化为html代码的 ...
- php解析markdown前端渲染,Vuejs使用 vue-markdown 来渲染评论方法
如果你想使用一个编辑器或者是在评论系统中支持 markdown.这个 package 的有点还是挺多了,比如默认就支持 emoji,这个就很完美啦!laravist 的新版就使用了 vue-markd ...
- 解析Markdown文件生成React组件文档
前言 最近做的项目使用了微前端框架single-spa. 对于这类微前端框架而言,通常有个utility应用,也就是公共应用,里面是各个子应用之间可以共用的一些公共组件或者方法. 对于一个团队而言,项 ...
- 使用 markdown-it 解析 markdown 代码(读 VuePress 三)
前言 在此系列文章的第一篇,我们介绍了 Vuepress 如何让 Markdown 支持 Vue 组件的,但没有提到非 Vue 组件的其他部分如何被解析. 今天,我们就来看看 Vuepress 是如何 ...
- python下载图片到文件夹_python实现解析markdown文档中的图片,并且保存到本地~
背景 前阵子简书好像说是凉了,搞得我有点小慌,毕竟我的大部分博客都是放在简书上面的,虽然简书提供了打包导出功能,但是只能导出文字,图片的话还是存在简书服务器上面,再加上我一直想要重新做一个个人博客,于 ...
- Java如何解析markdown_Java类库解析markdown文本
Java类库解析markdown文本 朋也社区之前使用的方法是,在java代码里调用js,然后通过调用js里的方法来解析markdown的,但性能太渣,然后在github上找了找,发现 pegdown ...
- js解析MarkDown语法
js解析MarkDown语法 问题描述: 我们使用MarkDown编辑器之后,比如我们写的MarkDown的语法的语法 # 一级标题 ## 二级标题 ### 三级标题 这种语法我们最终要转换成HTML ...
- 王者荣耀s22服务器未响应是什么意思,王者荣耀s22资源包升级失败 s22解析包出现问题解决方法...
王者荣耀s22资源包升级失败怎么解决?相信大家都知道王者荣耀S22破晓版本在今日14日正式推出,一时间大量玩家去更新游戏,不过有一小部分玩家出现了更新问题,那就是资源包升级错误,关于这个问题,官方也给 ...
- XML解析文件出错解决方法
XML解析文件出错解决方法 参考文章: (1)XML解析文件出错解决方法 (2)https://www.cnblogs.com/freshman0216/archive/2013/02/28/2937 ...
- oracle大对象实例_Oracle解析复杂json的方法实例详解
问题背景: 当前在Oracle数据库(11G之前的版本)解析json没有可以直接使用的系统方法,网上流传的PLSQL脚本大多也只可以解析结构较单一的json串,对于结构复杂的json串还无法解析.如此 ...
最新文章
- SUSE10中Oracle10g存储中文数据
- Python-Opencv学习-实验-1:工具安装
- Python模拟登陆 —— 征服验证码 7 京东
- Cache--主存地址映射
- mysql日期格式化季度_mysql按年度、季度、月度、周、日统计查询的sql语句
- 【转】C#的内存管理:堆栈、托管堆与指针
- SQL server 2012 数据库还原操作
- 腾讯开源开门红,云原生操作系统TencentOS Kernel正式登陆Github
- 各种标点符号的英文怎么念
- 如何快速搭建一个像“天猫精灵”的智能语音助手?
- linux 错误信息不输出
- 微服务之服务治理相关内容
- Teradata语法树——insert
- Java鸡兔同笼问题
- C/C++模拟按键按下弹起
- 车载基础软件——基础软件验证平台
- 用python做模型_Python实现Kuramoto模型的思想前提
- 产品入库更新生产任务单工时
- JeeSite框架学习------主子表创建总结
- 微软面试题:3,3,8,8,四个数字任意加减乘除使之最后等于24的编程解决方法
热门文章
- redis常用命令收集
- 海洋cms index.php被修改,海洋CMS(SEACMS)新版本V6.55补丁仍可被绕过执行任意代码...
- 面向对象:期待在正确的时间,遇见更好的你
- OSChina 周三乱弹 —— 我居然在 osc 里追剧
- 立创eda学习笔记一:pcb板基础知识
- C# 串口助手中英文显示问题
- 爬虫练习——爬取2020kpl王者荣耀职业联赛
- mac dock 隐藏程序_从Dock删除最近的应用程序
- 算法高级(29)-电影《源代码》中蕴含的回溯算法介绍
- MT7628实现Amazon alexa语音控制