核心功能亮点：

一、双栏联动，双向实时同步

✅ 可视化编辑 + 源码编辑双模式

• 左侧可视化编辑区：所见即所得，无需懂代码也能轻松编辑 HTML 内容；
• 右侧源码编辑区：专业级语法高亮，支持行号显示、标签匹配、自动闭合标签；
• 双向实时同步：任意一侧内容修改，另一侧自动同步更新，编辑过程无缝衔接。

.

二、智能历史管理，操作可追溯可恢复

• 智能合并连续输入操作：短时间内的连续输入自动合并为单次历史记录，避免撤销 / 重做操作繁琐；
• 精准计数展示：实时显示可撤销 / 可重做次数，操作状态一目了然；
• 最大 100 条历史记录：满足长时间编辑的历史回溯需求，误操作可快速恢复。

.

三、专业级 HTML 格式处理

✅ 一键美化 / 压缩，适配不同场景

• 专业美化排版：自动格式化 HTML 代码，缩进、换行、标签对齐更规范；
• 高效压缩 HTML：去除冗余空格、换行，减小代码体积，适配生产环境部署；

.

四、安全防护，XSS 风险一键过滤

✅ DOMPurify 深度安全过滤

• 精准过滤危险标签 / 属性：自动屏蔽 script、iframe 等危险标签，移除 onclick/onload 等事件属性；
• 保留合法功能：允许常用标签（p/table/img/a 等）及属性（href/target/style 等），兼顾安全与实用性；
• 自定义过滤规则：支持扩展允许的标签 / 属性，满足个性化安全需求。

.

五、便捷的文件操作能力

✅ 导入 / 导出 / 复制一站式处理

• 拖放导入：直接拖拽 HTML/HTM 文件到页面，快速导入编辑内容；
• 手动导入：通过文件选择器导入本地 HTML 文件；
• 导出文件：编辑完成后一键导出为 HTML 文件，本地保存；
• 复制源码：一键复制全部 HTML 源码，方便粘贴到其他编辑器 / 项目中。

.

六、人性化交互与适配

✅ 易用性拉满，适配多场景使用

• 响应式布局：支持 PC / 移动端自适应，小屏设备自动切换单列排版，也可手动切换双列 / 单列模式；
• 编辑器自适应高度：根据内容自动适配高度，支持滚动查看长内容，最大高度限制避免页面溢出；
• 浏览器兼容性提示：推荐 Chrome/Edge 浏览器，保障最佳使用体验。

.

七、辅助功能加持

✅ 提升编辑效率的小工具

• 填充测试内容：一键生成测试用 HTML 内容，快速验证编辑器功能；
• 清空功能：支持清空全部内容 / 仅清空代码区，按需操作；
• 全屏编辑：源码编辑器支持 Ctrl+Q 一键全屏，专注编辑无干扰；
• 拖拽遮罩提示：文件拖放时显示引导遮罩，操作引导更清晰。

.

优 势

1. 高效性：双栏同步 + 智能历史，大幅降低编辑 / 回溯成本；
2. 安全性：深度 XSS 过滤，避免恶意代码风险；
3. 稳定性：资源加载降级策略，CDN 失败自动切本地，功能不中断；
4. 易用性：兼顾新手（可视化）与专业用户（源码编辑），无门槛上手；
5. 适配性：全终端响应式布局，随时随地编辑。