01编辑器0 个字符
02预览

渲染结果将显示在这里。

HTML 编辑器

在线编写和编辑 HTML,实时预览

一个运行在浏览器里的 HTML 编辑器。编写或粘贴 HTML、CSS 和 JavaScript,借助语法高亮编辑,并随输入实时渲染预览。一键格式化整理杂乱代码,再发布为带公开链接的托管页面——无需注册。

隐私优先预览在浏览器内渲染。点击发布前,你的代码不会离开本机。
任意屏幕尺寸在桌面、平板、手机宽度之间切换,检查响应式布局。
一键发布把代码变成带公开链接的托管页面——无需注册。

工作原理

边写边预览的编辑器

编写或粘贴 HTML、CSS 和 JavaScript,即可在沙箱 iframe 中即时渲染——无需构建步骤,无需服务器往返。自由编辑:预览会随代码改动实时更新,你可以搭建页面、修复错误标签或调整样式,并立即看到结果。用格式化工具美化杂乱代码,切换不同宽度捕捉响应式问题,需要副本时随时导出干净的 .html 文件。在你点击发布之前,任何内容都不会被上传,因此它也能当作代码片段、邮件模板和原型页的私密草稿板。

想不改代码就重新设计成品页的样式?试试 可视化编辑

标记写好了?用 HTML 转 PDF 把页面导出成 PDF。

准备好交付了?用HTML 编译器检查标记、去掉冗余部分,并发布编译后的文件。

能做什么

从邮件到落地页,编写并打磨任意 HTML

写完、调好,就绪后发布为带公开链接的托管页面——或用 Markdown 转 HTML 托管 Markdown。一处搞定高效的 HTML 创作。

图片托管 把托管的图片直接放进你的页面。

邮件与新闻简报模板

编写新闻简报 HTML,并在发送前以手机宽度预览,避免破损表格和拥挤列到达订阅者。

落地页原型

几分钟内起草落地页或产品页,在三种屏幕尺寸下打磨布局,再发布可分享的链接。

片段与学习

直接在编辑器里练习按钮、动画或表单——学习并试验 HTML、CSS 和 JavaScript 的最快方式。

适合谁

适合所有写 HTML 的人

起草页面、修复片段,或验证一个想法——无需本地环境,边编辑边迭代。

随写随改

专注的编辑器配合实时预览。改动标记,结果立即更新——无需构建,无需刷新。

尽早发现问题

在桌面、平板、手机宽度间切换,在发布前发现布局问题。

就绪即发布

发布到公开链接,或继续本地编辑,仅导出文件即可。

使用步骤

从空白编辑器到托管页面

无需账号,无需配置。编写、编辑,就绪时发布。

编写或粘贴

从空白编辑器开始、载入示例,或拖入已有的 .html 文件进行编辑。

边编辑边预览

微调代码,沙箱预览随实时更新,并支持多种宽度预设。

发布链接

获得可随处分享的公开链接——或保留在本地,仅导出文件。

常见问题

HTML 编辑器常见问题

我的代码会被上传吗?

不会。编辑器完全运行在你的浏览器中。只有当你点击发布时,代码才会到达服务器。

有语法高亮吗?

有。编辑器在输入时高亮 HTML、CSS 和 JavaScript,让标签、属性和括号更易读,也更容易发现错误。

可以格式化或美化 HTML 吗?

可以。使用“格式化”一键把杂乱、难读的代码整理成整洁、带缩进的结构——非常适合清理粘贴或生成的 HTML。

可以检查响应式布局吗?

可以。在桌面、平板和手机宽度之间切换,在编辑时查看页面在不同屏幕尺寸下的表现。

发布后会发生什么?

你的代码会变成一个带公开链接的托管 HTML 页面。之后可在本页历史中删除。

可以编辑含 CSS 和 JavaScript 的 HTML 吗?

可以。编辑器在沙箱框架中处理完整的 HTML、CSS 和 JavaScript,因此你可以构建交互页面、表单和动画,效果与访客看到的一致。

它和 HTML 查看器有什么不同?

HTML 查看器用于预览你已有的代码;HTML 编辑器用于编写和编辑代码——带语法高亮、一键格式化和随输入更新的预览。

可以导出或下载我的代码吗?

可以。使用“导出 .html”把代码下载为文件,或在新标签页打开预览,在完整浏览器窗口中查看。