javascript - 如何使用 markdown-it.js 解析 div 中的内容？

Question

我试图弄清楚如何解析 div 中已有的 markdown 内容:

<div id="markdown-content">
 ## Heading
</div>  

我一直在 github 上查看 jquery markdown 解析器，例如 Markdown-it，但找不到任何显示如何解析现有内容的文档。 Markdown-it.js 似乎很流行，但他们唯一的浏览器使用示例是:

var md = window.markdownit();
var result = md.render('# markdown-it rulezz!');

我不确定如何将其应用于解析 div 中已有的内容，是否可以通过简单的方式做到这一点？

Answer 1

您所要做的就是获取 Markdown 文本并解析它。然后把它放在某个地方。您甚至可以将其放回原处。

var markdown = $('#markdown-content').html();
var html = md.render(markdown);
$('#output').html(html);