Showdown:HTML、MarkDown代码互转的js库

Showdown 是一个 Javascript Markdown 到 HTML 转换器,基于 John Gruber 的原创作品。 Showdown 可以在客户端(在浏览器中)或服务器端(使用 NodeJs)使用。

Showdown
Showdown

资料地址:https://www.npmjs.com/package/showdown

现场演示

在此处查看现场演示 http://demo.showdownjs.com/

License

ShowdownJS v 2.0 在 MIT 版本下发布。 以前的版本是在 BSD 下发布的。

快速示例

Node

Markdown to HTML

var showdown  = require('showdown'),
    converter = new showdown.Converter(),
    text      = '# hello, markdown!',
    html      = converter.makeHtml(text);

HTML to Markdown

var showdown  = require('showdown'),
    converter = new showdown.Converter(),
    html      = '<a href="https://patreon.com/showdownjs">Please Support us!</a>',
    md        = converter.makeMarkdown(text);

Browser

var converter = new showdown.Converter(),
    html      = converter.makeHtml('# hello, markdown!'),
    md        = converter.makeMd('<a href="https://patreon.com/showdownjs">Please Support us!</a>');

下面是一个HTML代码示例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML to Markdown Conversion</title>
</head>

<body>
    <textarea id="content"></textarea>
    <p><button id="trans">转换</button></p>
    <textarea id="res"></textarea>

    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/showdown.min.js"></script>
    <script>
        document.getElementById('trans').addEventListener('click', function () {
            var content = document.getElementById('content').value;
            var converter = new showdown.Converter();
            var markdown = converter.makeMarkdown(content);
            document.getElementById('res').value = markdown;
        });
    </script>
</body>

</html>
本条目发布于。属于软件分类。作者是

关于有个狸

2005年开始的一名站长,从事网站策划、运营,早期一批扎根阿里妈妈、Google Adsense的一员,目前司职前端与产品设计。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注