V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  liuhai233  ›  全部回复第 2 页 / 共 11 页
回复总数  210
1  2  3  4  5  6  7  8  9  10 ... 11  
ARC 浏览器
## 用户:
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 内容。
fluentd 这种就行了,无论是 k8s 还是 docker 都有主流日志收集方案
小米智能插座
ssh 白
不是已经降低到 28 岁了吗
155 天前
回复了 yinlei212 创建的主题 Python [困惑] 写好的 Python 应用如何分发?
做成 saas 服务 ^-^
155 天前
回复了 ctrlmymood 创建的主题 Python 求助: vscode 如何 Python 支持函数提示功能
@ctrlmymood emmm ,不可避免的,不写类型无法推断出你的函数,有类型才能提示
155 天前
回复了 ctrlmymood 创建的主题 Python 求助: vscode 如何 Python 支持函数提示功能
你把类型写上就可以了,type hint
157 天前
回复了 zaqwsxcde 创建的主题 程序员 刚毕业新员工求指导职业发展方向
加油,可以做做业余项目,看看自己擅长什么
163 天前
回复了 sampeng 创建的主题 程序员 一个疑问,现在是人均一台开发机了?
没有 remote ssh 怎么在家连公司的台式机捏
@bian2023 直接用 命令行部署的,pnpm pages:deploy
@bian2023 没有用 worker ,用的 pages ,前端代码总是需要打包的
@bian2023 稍后我更新下 readme ,添加教程
@zaxlct 更新了
@yanyao233
@Shiroka
目前没收费,有使用量限制
1  2  3  4  5  6  7  8  9  10 ... 11  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3228 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 28ms · UTC 04:32 · PVG 12:32 · LAX 21:32 · JFK 00:32
Developed with CodeLauncher
♥ Do have faith in what you're doing.