如何使用HTML展示Markdown 文本
时间: 2023-07-20 20:23:45 浏览: 65
要在 HTML 中展示 Markdown 文本,需要将 Markdown 转换为 HTML。可以使用一些第三方库来实现这个转换,比如 marked.js、showdown.js 等等。这些库可以将 Markdown 格式的文本转换为 HTML 格式的文本,然后在网页中展示。
下面是一个使用 marked.js 的例子,假设你有一个 ID 为 `markdown-text` 的元素,其中包含了 Markdown 格式的文本,你可以使用以下代码将其转换为 HTML 并显示在网页中:
```html
<!DOCTYPE html>
<html>
<head>
<title>Markdown to HTML</title>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
</head>
<body>
<div id="markdown-text"># Hello World!</div>
<script>
const markdownText = document.getElementById('markdown-text').textContent;
const htmlText = marked(markdownText);
document.write(htmlText);
</script>
</body>
</html>
```
在这个例子中,我们引入了 marked.js 库,并将 Markdown 文本转换为 HTML 文本,最后使用 `document.write` 方法将 HTML 文本写入网页中。