## 用户:
markdown it 怎么在纯 html + js 文件使用
## ChatGPT:
在纯 HTML + JavaScript 文件中使用 Markdown 可以通过引入第三方的 Markdown 渲染库来实现。一个流行的选择是 `marked.js`,它是一个用于解析和渲染 Markdown 的 JavaScript 库。
你可以通过以下步骤在纯 HTML + JavaScript 文件中使用 Markdown:
1. 下载 `marked.js` 或者使用 CDN 进行引入:
```html
<script src="
https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
```
2. 创建一个 `textarea` 元素供用户输入 Markdown 内容,并创建一个用于显示渲染后的 HTML 内容的元素:
```html
<textarea id="markdown-input"></textarea>
<div id="rendered-content"></div>
```
3. 使用 JavaScript 代码来获取 `textarea` 中的 Markdown 内容,并使用 `marked.js` 将其渲染为 HTML:
```html
<script>
document.getElementById('markdown-input').addEventListener('input', function() {
var markdownContent = this.value;
var renderedContent = marked(markdownContent);
document.getElementById('rendered-content').innerHTML = renderedContent;
});
</script>
```
在上述代码中,我们使用 `marked.js` 库将用户输入的 Markdown 内容渲染为 HTML ,并将其显示在页面上。
通过这种方式,你可以在纯 HTML + JavaScript 文件中使用 Markdown ,并实时将其渲染为 HTML 内容。