这个markdown格式转html格式的开源JavaScript库在github上的地址:

https://github.com/millerblack/markdown-js

从markdown 格式转成html源代码格式

新建一个以js结尾的文件,将下列内容粘贴进去:

var markdown = require( "markdown" ).markdown;console.log( markdown.toHTML( "Hello *World*!" ) );

用nodejs执行,可以看到markdown格式的字符串:

Hello World!

被自动转换成了html格式的字符串:

Hello World!

除了nodejs以外,我们还可以在浏览器里使用这个开源库。

新建一个html,将下列源码粘贴进去:

<!DOCTYPE html><html><body><textarea id="text-input" oninput="this.editor.update()"rows="6" cols="60">Type **Markdown** here.</textarea><div id="preview"> </div><script src="../node_modules/markdown/lib/markdown.js"></script><script>function Editor(input, preview) {this.update = function () {preview.innerHTML = markdown.toHTML(input.value);};input.editor = this;this.update();}var $ = function (id) { return document.getElementById(id); };new Editor($("text-input"), $("preview"));</script></body></html>

用浏览器打开这个html,在顶部输入框里输入markdown代码后,能自动调用这个开源库,转换成html源代码,然后赋给innerHTML, 这样我们在UI上能看到实时的markdown代码转html代码的结果。

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

推荐一个markdown格式转html格式的开源JavaScript库相关推荐

  1. down mark 打钩_推荐一个Markdown数学公式编辑器——Haroopad Mathjax

    要在Markdown里插入数学公式,如果没有好用的的引擎or编辑器,那么只能插入图片了,十分麻烦.这里推荐一个十分强大的数学公式引擎--Mathjax. 配置 有道云笔记目前不支持浏览MathJax公 ...

  2. ffmpeg sdk java_推荐一个强大的音视频处理的开源项目!

    原标题:推荐一个强大的音视频处理的开源项目! 1.前景提要 在我们的开发中,经常会用到音视频相关内容,一般我们都会选择FFmpeg,但是其交叉编译对于我们来说是一件很麻烦的事情.所以这里方便日后使用就 ...

  3. 「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

    包管理器 托管JavaScript库并提供用于获取和打包它们的工具. npm - npm是JavaScript的包管理器. Bower - 网络包管理器. component - 用于构建更好的Web ...

  4. 如何创建一个开源Javascript库 | Lynda教程 中文字幕

    如何创建一个开源Javascript库 | Lynda教程 中文字幕 Creating an Open Source JavaScript Library 课程ID: 604269 时长: 5.5小时 ...

  5. 推荐一个支持低代码开发的OA开源系统

    今天给大家推荐一个低代码平台的开源OA系统. 项目简介 这个是一个开源免费的微型办公自动化系统,除了有考勤.排班等基础功能外:公司所有的日常工作流程,比如请假申请.用车申请.会议申请等等,都可以通过配 ...

  6. antd table设置表格一个单元格的字体颜色_开源 UI 库中,唯一同时实现了大表格虚拟化和树表格的 Table 组件

    背景 有这样一个需求,一位 React Suite (以下简称 rsuite)的用户,他需要一个 Table 组件能够像 Jira Portfolio 一样,支持树形数据,同时需要支持大数据渲染. 截 ...

  7. 推荐一个基于SpringBoot的在线课程管理系统开源项目,超级棒!

    前言 一点知识学院 是一个在线课程资料的管理系统(是对app手机端的支撑),项目框架采用SpringBoot + JPA + mysql + easyui开发. 邀请函 该项目还有一些功能需要完善,新 ...

  8. 推荐一个java的商业级saas电商开源项目

    该项目使用Java开发,SpringBoot框架.MyBatis-plus持久层框架.Redis作为缓存.MySql作为数据该库. 前端vuejs作为开发语言,使用uniapp编码,同时支持微信小程序 ...

  9. 一个能够快速把JSON数据格式化成漂亮网页的开源JavaScript库:angular-json-human

    有的时候,我们在做快速原型的时候,我们需要把获取的JSON数据快速的格式化并在本地的网站上面显示:或者把JSON数据过于复杂,且没有一定的规律,但是我们想把JSON的数据格式以更加友好的方式显示出来: ...

最新文章

  1. 1.4 Matplotlib:绘图
  2. 选文可以学计算机专业,是不是文理科都可以报计算机专业?
  3. gram矩阵_Skip-gram
  4. g++ 内存不够_手机内存老是不足?这三招,让你马上腾出12个G
  5. 支付宝升级商家积分等服务 商家积分权益增至60余种
  6. Visual Studio2012 安装教程
  7. php 实现人脸识别功能
  8. 哈工大计算机系统2022春 大作业 程序人生
  9. 在 iPad和 iPhone的浏览器上查看网页源代码
  10. 大学计算机实验教程实验报告2.2,大学计算机实验2实验报告.doc
  11. DML语言(数据库操作语言)和DQL语言(数据库查询语言)
  12. xcode如何在一个项目中建多个C程序
  13. C语言 计算选手的名次 详解
  14. 【转载】PTN与IPRAN承载LTE的比较
  15. DAY14-导航实现_路径规划
  16. keyshot渲染图文教程_keyshot实例教程,keyshot汽车渲染图文教程
  17. freeswitch系列五 解决xlite和freeswitch通话没有语音的问题
  18. FreeMarker优点和缺点与使用FreeMarker的10个理由
  19. 价格战的关键,非“锂”莫属
  20. 金九银十?铜九铁十才对......

热门文章

  1. 《python 源码剖析》 读后总结(虚拟机综述)
  2. sklearn自学指南(part13)--贝叶斯回归
  3. webrtc java api_WEBRTC--简单入门实例
  4. python打印99乘法表_Python 实例:九九乘法表
  5. 有效前沿—让你的投资收益最大化
  6. SAP UI5 初学者教程之二十四 - 如何使用 OData 数据模型试读版
  7. SAP Spartacus SSR 模式下 index.html 页面渲染 fallback 到 CSR 之后的执行逻辑
  8. Rxjs 里 filter(Boolean) 的用法
  9. SAP Spartacus Popover Directive 构造函数的用途分析
  10. NgRx Store里的StoreModule.forRoot()