HTML 可视化编辑器
免费在线HTML可视化编辑器，无需安装。采用所见即所得的方式，支持实时预览和双向绑定。
关于 HTML 编辑器
一个基于浏览器 contentEditable 和 document.execCommand API 构建的所见即所得（WYSIWYG）编辑器。在可编辑区域中输入文字，使用工具栏进行格式化，底层的 HTML 会与下方的代码文本框保持同步。输出内容反映的是浏览器实际生成的内容，因此标记可能与手写的 HTML 有所不同。
使用方法
1. 点击编辑区域并输入或选择文字 2. 使用工具栏按钮（B、I、U、S、列表、对齐、H1/H2/P）应用格式 3. 点击链接按钮，通过 URL 对话框插入超链接 4. 直接在代码文本框中编辑 HTML，从而反向更新预览 5. 点击复制，将当前 HTML 复制到剪贴板
工具栏操作
可用操作包括：加粗、斜体、下划线、删除线；无序和有序列表；左对齐/居中/右对齐；H1、H2 和段落块格式；插入链接（会提示输入 URL）；插入水平线。不支持图片上传、表格插入、源代码清理或输出的 HTML 清理。
▶为什么生成的 HTML 看起来很乱？
该编辑器使用 document.execCommand，它会生成浏览器特定的标记（通常是内联样式属性，例如 <span style="font-weight: bold">）。在发布之前，请在代码文本框中清理它，或使用格式化工具进行整理。
▶可以插入图片或表格吗？
不可以。工具栏仅支持文字格式、列表、对齐、标题、链接和水平线。如需表格，请使用专门的 HTML 表格生成器工具。
▶编辑代码文本框会更新预览吗？
会的。在代码文本框中输入内容会重新渲染编辑区域，在编辑器中所做的编辑也会更新文本框。两者之间设有防护机制，可防止反馈循环。
▶document.execCommand 是否已弃用？
是的——execCommand 在规范中被标记为已过时，但它在所有当前浏览器中仍然可以正常工作。对于全新开发的编辑器，建议考虑使用现代库；本工具为保持简单，沿用了这种传统方案。
如果这个工具对你有帮助的话，请考虑请我喝杯咖啡。
请给我买杯咖啡吧。