Marked.js - HTML 中直接解析显示 Markdown
<!DOCTYPE html>
<html>
<head>
<title>Marked in the Browser</title>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
</head>
<body>
<div id="content"></div>
<script>
// 假设 `markdown` 是你想要转换的 Markdown 文本
var markdown = `
# Markdown 标题
这是一个段落。
- 列表项一
- 列表项二
**粗体文本**
[链接](https://example.com) `;
// 使用 marked 转换 Markdown 到 HTML
var html = marked(markdown);
// 将转换后的 HTML 内容显示在 id 为 'content' 的元素中
document.getElementById('content').innerHTML = html;
</script>
</body>
</html>这段代码演示了如何在浏览器中使用 marked.js 库将 Markdown 文本转换为 HTML。首先，通过 CDN 引入 marked.js 库。然后定义了一段 Markdown 文本，并使用 marked() 函数将其转换为 HTML 字符串。最后，将转换得到的 HTML 内容通过设置 innerHTML 属性直接插入到页面的指定元素中。
评论已关闭