用php将markdown转html代码_推荐一个markdown格式转html格式的开源JavaScript库

本文介绍了如何利用一个开源的JavaScript库将Markdown格式的文本转换为HTML。通过在Node.js环境中或者直接在浏览器中运行代码示例,可以实现Markdown到HTML的实时转换,提供了一种方便的Markdown预览方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

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

var markdown = require( "markdown" ).markdown;

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

cef5b5563aca6c086ab3e8b55c8ea9f7.png

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

Hello World!

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

Hello World!

d968dc3e70c2c7342292b94cfb6a290d.png

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

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

rows="6" cols="60">Type **Markdown** here.

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"));

7527cd2c40e33a7331cdcb2d7f130610.png

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

c3e158f4797172c8ef852b6ed1274154.png

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

1f79090f1e724ee17e85d23cd181e4c9.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值