项目中数据很多都是用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的使用方法相关推荐

  1. vue使用marked解析markdown文本遇到的坑及解决方法

    vue使用marked解析markdown文本遇到的坑及解决方法 1. 前言 最近在搭建自己的博客网站 https://lyuanzhi.com,不免遇到了要把markdown文本转化为html代码的 ...

  2. php解析markdown前端渲染,Vuejs使用 vue-markdown 来渲染评论方法

    如果你想使用一个编辑器或者是在评论系统中支持 markdown.这个 package 的有点还是挺多了,比如默认就支持 emoji,这个就很完美啦!laravist 的新版就使用了 vue-markd ...

  3. 解析Markdown文件生成React组件文档

    前言 最近做的项目使用了微前端框架single-spa. 对于这类微前端框架而言,通常有个utility应用,也就是公共应用,里面是各个子应用之间可以共用的一些公共组件或者方法. 对于一个团队而言,项 ...

  4. 使用 markdown-it 解析 markdown 代码(读 VuePress 三)

    前言 在此系列文章的第一篇,我们介绍了 Vuepress 如何让 Markdown 支持 Vue 组件的,但没有提到非 Vue 组件的其他部分如何被解析. 今天,我们就来看看 Vuepress 是如何 ...

  5. python下载图片到文件夹_python实现解析markdown文档中的图片,并且保存到本地~

    背景 前阵子简书好像说是凉了,搞得我有点小慌,毕竟我的大部分博客都是放在简书上面的,虽然简书提供了打包导出功能,但是只能导出文字,图片的话还是存在简书服务器上面,再加上我一直想要重新做一个个人博客,于 ...

  6. Java如何解析markdown_Java类库解析markdown文本

    Java类库解析markdown文本 朋也社区之前使用的方法是,在java代码里调用js,然后通过调用js里的方法来解析markdown的,但性能太渣,然后在github上找了找,发现 pegdown ...

  7. js解析MarkDown语法

    js解析MarkDown语法 问题描述: 我们使用MarkDown编辑器之后,比如我们写的MarkDown的语法的语法 # 一级标题 ## 二级标题 ### 三级标题 这种语法我们最终要转换成HTML ...

  8. 王者荣耀s22服务器未响应是什么意思,王者荣耀s22资源包升级失败 s22解析包出现问题解决方法...

    王者荣耀s22资源包升级失败怎么解决?相信大家都知道王者荣耀S22破晓版本在今日14日正式推出,一时间大量玩家去更新游戏,不过有一小部分玩家出现了更新问题,那就是资源包升级错误,关于这个问题,官方也给 ...

  9. XML解析文件出错解决方法

    XML解析文件出错解决方法 参考文章: (1)XML解析文件出错解决方法 (2)https://www.cnblogs.com/freshman0216/archive/2013/02/28/2937 ...

  10. oracle大对象实例_Oracle解析复杂json的方法实例详解

    问题背景: 当前在Oracle数据库(11G之前的版本)解析json没有可以直接使用的系统方法,网上流传的PLSQL脚本大多也只可以解析结构较单一的json串,对于结构复杂的json串还无法解析.如此 ...

最新文章

  1. SUSE10中Oracle10g存储中文数据
  2. Python-Opencv学习-实验-1:工具安装
  3. Python模拟登陆 —— 征服验证码 7 京东
  4. Cache--主存地址映射
  5. mysql日期格式化季度_mysql按年度、季度、月度、周、日统计查询的sql语句
  6. 【转】C#的内存管理:堆栈、托管堆与指针
  7. SQL server 2012 数据库还原操作
  8. 腾讯开源开门红,云原生操作系统TencentOS Kernel正式登陆Github
  9. 各种标点符号的英文怎么念
  10. 如何快速搭建一个像“天猫精灵”的智能语音助手?
  11. linux 错误信息不输出
  12. 微服务之服务治理相关内容
  13. Teradata语法树——insert
  14. Java鸡兔同笼问题
  15. C/C++模拟按键按下弹起
  16. 车载基础软件——基础软件验证平台
  17. 用python做模型_Python实现Kuramoto模型的思想前提
  18. 产品入库更新生产任务单工时
  19. JeeSite框架学习------主子表创建总结
  20. 微软面试题:3,3,8,8,四个数字任意加减乘除使之最后等于24的编程解决方法

热门文章

  1. redis常用命令收集
  2. 海洋cms index.php被修改,海洋CMS(SEACMS)新版本V6.55补丁仍可被绕过执行任意代码...
  3. 面向对象:期待在正确的时间,遇见更好的你
  4. OSChina 周三乱弹 —— 我居然在 osc 里追剧
  5. 立创eda学习笔记一:pcb板基础知识
  6. C# 串口助手中英文显示问题
  7. 爬虫练习——爬取2020kpl王者荣耀职业联赛
  8. mac dock 隐藏程序_从Dock删除最近的应用程序
  9. 算法高级(29)-电影《源代码》中蕴含的回溯算法介绍
  10. MT7628实现Amazon alexa语音控制