✍️

HTML 可视化编辑器

所见即所得的富文本可视化编辑器,支持加粗、斜体、列表、链接、图片插入与源码视图切换,直接输出语义干净的标准 HTML 代码,适合邮件模板制作、CMS 内容编辑、富文本字段录入与快速排版,全程无需手写标签。

关于 HTML 可视化编辑器

想快速写一段带格式的内容并拿到对应的 HTML 源码,又不想手敲标签?本工具提供所见即所得(WYSIWYG)的富文本编辑:你像用文档软件一样加粗、列表、插链接、设标题,工具同步生成干净的 HTML。编辑与转换全部在浏览器本地完成,内容不上传,适合给邮件模板、CMS 文章或后台富文本字段准备 HTML。 建议在日常开发中收藏本工具,遇到文本处理需求时即可快速打开使用。所有处理均在浏览器本地完成,数据不会上传,可放心粘贴私密内容。

使用场景

  • 邮件 HTML — 可视化排版邮件正文,导出 HTML 贴进邮件模板或营销工具。
  • CMS 文章 — 为没有富文本编辑器的后台准备带格式的 HTML 内容。
  • 快速原型 — 可视化拼出一段图文混排,立刻拿到结构化 HTML 片段。
  • 学习 HTML — 边排版边观察生成的标签,理解加粗、列表等对应的 HTML。
  • 富文本字段 — 为支持 HTML 的表单字段或评论框生成规范内容。

常见问题

导出的 HTML 干净吗?

工具尽量生成语义清晰的标签,但可视化编辑难免带少量内联样式;如需进一步精简可配合本站的 HTML 格式化工具。

能粘贴 Word 的内容吗?

可以粘贴,但 Word 常带大量冗余样式,建议粘贴后检查并清理,避免把臃肿的标记带入。

支持插入图片吗?

可以插入图片链接(URL);由于纯本地运行,不提供图床上传,图片需自行托管后引用其地址。

生成的 HTML 在邮件里显示正常吗?

邮件客户端对 CSS 支持参差不齐,复杂样式可能走样,正式群发前请用目标客户端实测。

想反过来预览现成的 Markdown 怎么办?

本工具面向富文本转 HTML。若你写的是 Markdown 并想看渲染效果,请使用本站的「Markdown 预览」工具。

有浏览器兼容性要求吗?

本工具兼容所有现代浏览器(Chrome、Firefox、Edge、Safari),无需安装任何插件或扩展。

可以离线使用吗?

首次加载后,部分功能在离线状态下仍可使用。页面资源加载后,核心逻辑完全在浏览器本地运行,不依赖网络。