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

举报
汪子熙 发表于 2021/12/05 08:57:26 2021/12/05
【摘要】 这个markdown格式转html格式的开源JavaScript库在github上的地址:https://github.com/millerblack/markdown-js从markdown 格式转成html源代码格式新建一个以js结尾的文件,将下列内容粘贴进去:var markdown = require( "markdown" ).markdown;console.log( markd...

这个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代码的结果。

<meta charset="utf-8">

ABAP and Java

see my blog.

nodejs

用nodejs现成的express module,几行代码就能写个server出来:


var express = require('express');

var routesEngine = require('./jerryapp/routes/index.js'); // index.js actually

http://www.ruanyifeng.com/blog/2015/05/require.html

var app = express();

app.use('/ui5', express.static(process.cwd() + '/webapp'));

app.use('/v', express.static(process.cwd() + '/vue'));

app.use('/map', express.static(process.cwd() + '/map'));

app.use('/tile', express.static(process.cwd() + '/tileStudy'));

app.use('/a2', express.static(process.cwd() + '/a2'));

routesEngine(app);

app.listen(process.env.PORT || 3000, function () {

console.log('Listening on port, process.cwd(): ' + process.cwd() );

});

go

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

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。