推荐一个markdown格式转html格式的开源JavaScript库
这个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库相关推荐
- down mark 打钩_推荐一个Markdown数学公式编辑器——Haroopad Mathjax
要在Markdown里插入数学公式,如果没有好用的的引擎or编辑器,那么只能插入图片了,十分麻烦.这里推荐一个十分强大的数学公式引擎--Mathjax. 配置 有道云笔记目前不支持浏览MathJax公 ...
- ffmpeg sdk java_推荐一个强大的音视频处理的开源项目!
原标题:推荐一个强大的音视频处理的开源项目! 1.前景提要 在我们的开发中,经常会用到音视频相关内容,一般我们都会选择FFmpeg,但是其交叉编译对于我们来说是一件很麻烦的事情.所以这里方便日后使用就 ...
- 「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源
包管理器 托管JavaScript库并提供用于获取和打包它们的工具. npm - npm是JavaScript的包管理器. Bower - 网络包管理器. component - 用于构建更好的Web ...
- 如何创建一个开源Javascript库 | Lynda教程 中文字幕
如何创建一个开源Javascript库 | Lynda教程 中文字幕 Creating an Open Source JavaScript Library 课程ID: 604269 时长: 5.5小时 ...
- 推荐一个支持低代码开发的OA开源系统
今天给大家推荐一个低代码平台的开源OA系统. 项目简介 这个是一个开源免费的微型办公自动化系统,除了有考勤.排班等基础功能外:公司所有的日常工作流程,比如请假申请.用车申请.会议申请等等,都可以通过配 ...
- antd table设置表格一个单元格的字体颜色_开源 UI 库中,唯一同时实现了大表格虚拟化和树表格的 Table 组件
背景 有这样一个需求,一位 React Suite (以下简称 rsuite)的用户,他需要一个 Table 组件能够像 Jira Portfolio 一样,支持树形数据,同时需要支持大数据渲染. 截 ...
- 推荐一个基于SpringBoot的在线课程管理系统开源项目,超级棒!
前言 一点知识学院 是一个在线课程资料的管理系统(是对app手机端的支撑),项目框架采用SpringBoot + JPA + mysql + easyui开发. 邀请函 该项目还有一些功能需要完善,新 ...
- 推荐一个java的商业级saas电商开源项目
该项目使用Java开发,SpringBoot框架.MyBatis-plus持久层框架.Redis作为缓存.MySql作为数据该库. 前端vuejs作为开发语言,使用uniapp编码,同时支持微信小程序 ...
- 一个能够快速把JSON数据格式化成漂亮网页的开源JavaScript库:angular-json-human
有的时候,我们在做快速原型的时候,我们需要把获取的JSON数据快速的格式化并在本地的网站上面显示:或者把JSON数据过于复杂,且没有一定的规律,但是我们想把JSON的数据格式以更加友好的方式显示出来: ...
最新文章
- 1.4 Matplotlib:绘图
- 选文可以学计算机专业,是不是文理科都可以报计算机专业?
- gram矩阵_Skip-gram
- g++ 内存不够_手机内存老是不足?这三招,让你马上腾出12个G
- 支付宝升级商家积分等服务 商家积分权益增至60余种
- Visual Studio2012 安装教程
- php 实现人脸识别功能
- 哈工大计算机系统2022春 大作业 程序人生
- 在 iPad和 iPhone的浏览器上查看网页源代码
- 大学计算机实验教程实验报告2.2,大学计算机实验2实验报告.doc
- DML语言(数据库操作语言)和DQL语言(数据库查询语言)
- xcode如何在一个项目中建多个C程序
- C语言 计算选手的名次 详解
- 【转载】PTN与IPRAN承载LTE的比较
- DAY14-导航实现_路径规划
- keyshot渲染图文教程_keyshot实例教程,keyshot汽车渲染图文教程
- freeswitch系列五 解决xlite和freeswitch通话没有语音的问题
- FreeMarker优点和缺点与使用FreeMarker的10个理由
- 价格战的关键,非“锂”莫属
- 金九银十?铜九铁十才对......
热门文章
- 《python 源码剖析》 读后总结(虚拟机综述)
- sklearn自学指南(part13)--贝叶斯回归
- webrtc java api_WEBRTC--简单入门实例
- python打印99乘法表_Python 实例:九九乘法表
- 有效前沿—让你的投资收益最大化
- SAP UI5 初学者教程之二十四 - 如何使用 OData 数据模型试读版
- SAP Spartacus SSR 模式下 index.html 页面渲染 fallback 到 CSR 之后的执行逻辑
- Rxjs 里 filter(Boolean) 的用法
- SAP Spartacus Popover Directive 构造函数的用途分析
- NgRx Store里的StoreModule.forRoot()