Showdown 是一个 Javascript Markdown 到 HTML 转换器,基于 John Gruber 的原创作品。 Showdown 可以在客户端(在浏览器中)或服务器端(使用 NodeJs)使用。
资料地址: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>