## 用户:
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 内容。