有的时候我们会有这样一种需求,我们有一个用markdown格式编写的文档,希望在一个页面上展示出来(很有可能是github),我不能用任何服务器端的语言,只能用静态数据和JavaScript。我也不希望使用任何桌面转义软件,因为这样每次发布都会很复杂——编写markdown,转义html,发布html。

而我最开始使用markdown而不是html的原因是它非常快,而且在纯文本的状态下就非常具有可读性。

而且我不需要一个web端的编辑器,我会在本地的APP上编写markdown,这也是为了方便版本管理。

综合考虑之后,我使用showdown来实现markdown->html的转化。

demodownload

usage:

var text = "Markdown *rocks*.";

var converter = new Showdown.converter();

var html = converter.makeHtml(text);

alert(html);

就是这么简单。

请注意markdown->html转化是不可逆的 ,所以总是需要保存一份markdown文件。如果你有一个数据库,而且不希望每次都由浏览器来渲染所有的markdown,那么你可以把markdown渲染生成的html保存在数据库中,不太优雅,但性能能有不错的提升。

我写字的地方迁移到公众号啦~欢迎关注我的公众号:余果专栏

markdown语法转换成html,使用Showdown来把markdown语法转化成html相关推荐

  1. 将py文件转换成html,(2条消息)自制 Python小工具 将markdown文件转换成Html文件

    今天看到了一个Python库,名为markdown.瞬间就给了我一个灵感,那就是制作一个将markdown文件转换成html文件的小工具. 我的实验环境操作系统: Windows 7 64位 旗舰版 ...

  2. oracle切换sqlserver,ORACLE语法转换成sqlserver,该如何解决

    ORACLE语法转换成sqlserver 小弟在 ORACLE写了一个小函数,但是在sqlserver里执行不了,小弟不怎么懂得sqlserver的语法,大家帮忙看看,给指正指正 CREATE OR  ...

  3. typora+pandoc:markdown文本转换成word(也可把word转换成markdown哦)

    因为想把自己写的博客转换成word,博客是markdown格式,公式什么的又懒得在word里面敲第二遍.于是就找了个方法让.md文本与.doc文本转换.反之也可把word转换成markdown哦.教程 ...

  4. Hive是如何将hql语法转换成MR执行的

    Hive是基于Hadoop的一个数据仓库工具,可以将结构化的数据文件映射为一张表,并提供类SQL查询功能.说白了,hive就是MapReduce客户端,将用户编写的HQL语法转换成MR程序进行执行.那 ...

  5. 如何利用babel工具将es6语法转换成es5语法

    如何利用babel工具将es6语法转换成es5语法 一.很多同学疑问既然es6已经出来的了,为很莫写完es6语法还要把他转换成es5,这不是脱裤子放屁吗? ECMAScript 6(ES6)的发展速度 ...

  6. 将Markdown文件转换成PDF文件

      本人酷爱使用Markdown来编写技术文档,但在实际工作中, 往往需要把Markdown文件转换成PDF.尝试使用了非常多个工具,经过实践检验还是Visual Studio Code(下文简称vs ...

  7. windows平台Markdown怎么转换成Word

    一.引言 最近项目组开始增加了书写文档的需求,已经习惯了使用Markdown记录笔记的我,让我使用Word去写文档,显然是一种折磨.喜欢Markdown在书写的时候一气呵成的感觉,不需要使用鼠标的快感 ...

  8. Js(三)将es6语法转换成es5语法

    前言 本章主要讲述将es6语法的js,转换成es5语法 运用场景:由于Jmeter上面只适配es5语法的js,而某朋友公司前端都是写的es6语法的js,为了能在Jmeter上能够兼容,故进行相关转换 ...

  9. 如何将CSDN文档转换成IPYNB格式的文档?

    简 介: ※IPYNB格式的文档可以很方便在Jupyter Notebook环境内方便研究人员对于算法.数据进行操作.Markdown文本则便于形成各种网络文档.本文介绍了利用notedown实现将C ...

  10. 【Jupyter】ipynb转换成pdf文件

    前言 Jupyter创建了一种良好的交互方式,即将程序说明和代码放在同一个文档中.但是,如果别人没有jupyter环境,就无法打开ipynb格式的文件,因此有必要把.ipynb的文件转成pdf,以便传 ...

最新文章

  1. maven项目找不到pom.xml配置的dependency jar中的类问题解决方法
  2. 补第一阶段冲刺站立会议3(应发表日期5月15日)
  3. [已经验证通过]xp sp2 不支持WPA协议的解决办法
  4. python中matrix函数_使用python解线性矩阵方程(numpy中的matrix类)
  5. el-table改变宽度刷新不恢复
  6. 寻找冬日里的流量美食,发现了李子柒走红的秘密
  7. python学习-知识点回顾(Python3的安装,编译器、一些关键知识点、数据类型、数据类型转换、运算符优先级)
  8. SLAM - 01 - 分类
  9. cs寄存器 x86 特权模式_Windows操作系统管理进程和线程:内核模式和用户模式
  10. 比特币科普:区块链技术神奇在哪里?
  11. 「大专及以上学历人员必看」学信网电子注册备案表
  12. asp存入当前时间mysql_asp当前日期时间
  13. 网站被黑提醒该站点可能受到黑客攻击,部分页面已被非法篡改...
  14. web视频(点播/直播)播放器选型
  15. 编写一个 spootboot 程序,有二个方法,一个问早上好,一个说再见
  16. Typora1.0.2 + SMMS上传图片
  17. 免费稳定的APP分发托管平台,支持应用合并、内测分发、扫码下载
  18. 毕设可以做成静态的HTML吗,关于静态HTML网页制作
  19. Python温习(六)——元组操作
  20. LINUX 指令学习

热门文章

  1. 大疆文档(4)-Android教程-应用程序激活和飞机绑定
  2. activiti 流程设计模型(model) 和 部署(deployment)及流程定义(processDefinition)之间的关系;
  3. AI软件编辑文字时出现“滚滚长江东逝水”解决方法
  4. 华为电脑和手机一碰传_体验华为“一碰传”高科技,实现手机和电脑互传文件...
  5. 次模优化·第〇集:简介
  6. Python 云标签——玩点浪漫!
  7. Consistent hashing kills tencent2012笔试题附加题
  8. 企业邮箱是什么?企业邮箱如何免费申请?外贸公司邮箱申请
  9. 百分之九十的人都不清楚自己找的是Kanban软件还是看板软件(附Kanban工具测评)
  10. 以游戏玩家的视角开启设计模式