在线HTML代码转换工具
HTML Escape/Unescape, JS String Escape, URL Quote/Unquote, Base64 Encode/Decode, HTML Code Format/Minify...
HTML-Escaper 可以帮助开发者、技术博主和教程作者轻松转换HTML代码，方便在网页、博客或文档中展示代码示例。支持HTML特殊字符转义、HTML代码反转义、HTML预览、JS字符串转义、URL编码/解码以及Base64编码/解码等多种功能，并提供代码格式化和历史记录保存。
HTML代码实时预览:
历史记录
暂无历史记录
使用指南
如何使用这个工具?
- 将您的HTML代码粘贴到左侧的输入框中
- 选择您需要的转换操作（HTML转义、JS转义等）
- 转换后的结果将显示在右侧输出框
- 点击"复制到剪贴板"按钮复制结果
功能说明
- HTML特殊字符转义: 将HTML特殊字符转换为HTML实体编码
- HTML特殊字符反转义: 将HTML实体编码还原为对应的字符
- HTML代码在线预览: 实时在线预览HTML代码效果
- JS字符串转义: 将代码转换为可在JS字符串中使用的格式
- URL编码/解码: 对URL中的特殊字符进行编码或解码
- Base64编码/解码: 将字符串转换为Base64编码或从Base64编码还原为原始字符串
- 代码格式化: 美化代码，使其更易阅读
- 代码压缩: 移除多余空格和换行，减小代码体积
适用场景
- 在博客文章中展示HTML代码示例
- 编写技术教程和文档
- 在网页中安全地显示用户提交的代码
- 前端开发中的字符串处理
- 调试HTML和JavaScript代码
为什么需要HTML转义？
当您需要在网页中显示HTML代码而不是让浏览器执行它时，HTML转义是必不可少的。例如：
显示<div>Hello World</div>而不是渲染为HTML元素
HTML转义通过将特殊字符替换为对应的实体引用来实现这一点：
HTML常用特殊转义字符对照表
| 字符 | 实体名称 | 数字编码 | 说明 |
|---|---|---|---|
| < | < | < | 小于号 |
| > | > | > | 大于号 |
| & | & | & | 与符号 |
| " | " | " | 双引号 |
| ' | ' | ' | 单引号 |
| |   | 空格 | |
| © | © | © | 版权符号 |
| ® | ® | ® | 注册商标 |
| ™ | ™ | ™ | 商标 |
| ≤ | ≤ | ≤ | 小于等于 |
| ≥ | ≥ | ≥ | 大于等于 |
| ← | ← | ← | 左箭头 |
| → | → | → | 右箭头 |
| @ | - | @ | @ 符号 |
| € | € | € | 欧元符号 |
| … | … | … | 省略号 |
| • | • | • | 项目符号 |
此表展示部分常用HTML转义字符，完整列表请查看文档。
常见应用场景
- 创建技术博客和教程网站时展示原始HTML代码
- 在CMS系统中安全显示用户生成的内容
- 防止XSS（跨站脚本攻击）
- 在电子邮件模板中嵌入HTML代码示例
提示：正确的HTML转义不仅可以确保代码正确显示，还能防止潜在的安全漏洞。
常见问题解答
HTML转义和URL编码有什么区别？
HTML转义主要用于在HTML文档中安全地显示特殊字符，而URL编码用于确保URL中的特殊字符能被正确传输和解析。它们使用不同的编码方式和应用场景。
为什么我需要JS字符串转义？
当您需要在JavaScript代码中使用包含特殊字符（如引号、换行符）的字符串时，需要进行JS字符串转义。这样可以确保字符串在JavaScript环境中被正确解析，避免语法错误。
Base64编码有什么用途？
Base64编码可以将任何二进制数据转换为由ASCII字符组成的文本，使其能够在仅支持文本的环境中传输。在Web开发中，它常用于在HTML中嵌入小型图片和字体，以及在不支持二进制数据的API中传输数据。
历史记录功能如何工作？
每次进行转换操作时，系统会自动保存您的输入和结果到本地存储中。您可以随时查看历史记录，重新加载之前的转换结果，或者删除不需要的记录。所有数据仅保存在您的浏览器中，不会上传至服务器。
这个工具是如何处理换行和缩进的？
在HTML转义过程中，换行符会被保留但转换为对应的HTML实体或转义序列。使用"代码格式化"功能可以自动调整缩进，使代码更具可读性；而"代码压缩"功能则会移除不必要的空白字符。
我可以转换大量代码吗？
是的，本工具设计用于处理各种规模的代码片段。对于非常大的文件，处理速度可能会稍慢，但仍然可以正常工作。所有处理都在浏览器中完成，没有数据上传到服务器，保证了您代码的安全性。