跳到主要内容
Toolars
探索
报告问题

开发 · 本地工具

HTML 编码 / 解码

HTML Encoder / Decoder

编码时恰好转义 &、<、> 与两种引号共五个字符,解码经浏览器解析器还原命名、十进制与十六进制实体;一键互换即可验证往返,全程本地。

任务路径 / 从输入到结果

选择“编码”或“解码”

本地运行 · 不做任何上传

了解HTML 编码 / 解码的使用方法、隐私说明与相关工具

任务路径 / 从输入到结果

如何编码和解码 HTML 实体

  1. 01

    选择“编码”或“解码”

    在模式标签页中选择方向。“编码”把标记变成可展示的文本;“解码”把字符引用还原成真实字符。

  2. 02

    粘贴内容

    编码时使用“HTML 或纯文本”输入框,解码时使用“HTML 实体”输入框。结果随输入实时更新;“加载示例”可以看到一个小的往返示例。

  3. 03

    查看结果

    编码只转义五个会破坏标记的字符:&、<、>、" 和 ' 分别变成 &amp;、&lt;、&gt;、&quot; 和 &#39;;解码则通过浏览器自身的解析器还原命名与数字字符引用。

  4. 04

    用互换做往返验证

    “互换”把输出移回输入并选中相反模式,所以你可以编码一个片段、互换、再解码回来,确认文本往返后原样存活。面板标签随模式切换,当前方向始终可见。

  5. 05

    复制或下载

    “复制结果”把输出送入剪贴板,“下载 .txt”保存为 toolars-html-entities.txt,方便交给同事或附到工单。“清除”清空两个面板以处理下一片段。

工具速览

处理方式
在浏览器本地完成
输入是否离开设备
从不
数据保留
不保存任何内容
价格
免费

你的输入留在浏览器里。

HTML 编码 / 解码 使用经过验证的本地执行路径,不会创建隐藏的输入或输出历史记录。

本地执行

在当前浏览器标签页内运行。

无隐藏处理

使用中的工具数据绝不会成为 Toolars 的文档记录。

无需账户

无需创建账户即可使用核心工作流。登录后收藏才会同步到你的账户。

立即重置

关闭标签页,当前的工作数据即刻消失。

HTML 编码 / 解码 究竟做什么

教程需要展示一段标记而不被浏览器吞掉标签;CMS 导出的内容撒满了 &amp; 和 &#39;,总得有人读;模板因为一个属性值里的裸引号反复坏掉。HTML 编码 / 解码 在本地处理两个方向,“互换”按钮让往返检查只需点两下——这也是预览存储后的导出内容被浏览器解析后模样的最快方式。草稿内容和未发布页面不会离开标签页,结果面前也没有任何账户门槛。

常见问题

“编码”会转义哪些字符?
恰好五个:&、<、>、双引号和单引号,分别变成 &amp;、&lt;、&gt;、&quot; 和 &#39;。其余内容保持原样,因此普通文本在编码结果中仍然可读。
“解码”能还原哪些实体?
解码通过浏览器 HTML 解析器识别 &amp; 等命名引用、&#38; 等十进制引用以及 &#x26; 等十六进制引用。未知引用保持原样。有些命名引用即使没有结尾分号仍会被浏览器解码,因此不能靠省略分号来保证文本不变。
编码等同于净化 HTML 吗?
不等同。编码只是转义五个字符,让标记以文本形式显示;这是展示手段,不是安全过滤器,适用于教程、文档和代码示例。当你真的要渲染用户内容时,不要把编码输出当作真正净化策略的替代品。
为什么撇号变成 &#39; 而不是 &apos;?
编码器使用数字引用 &#39;,所有 HTML 解析器在 HTML 和 XHTML 上下文中都接受。它能通过任何符合标准的解析器(包括浏览器自带的)解码回普通撇号。
解码没有实体的文本会怎样?
原样返回。解码只重写它识别的字符引用,纯文本会原样通过,所以可以安全地对未知内容运行“解码”,检查它是否含有实体。
我的标记会被上传到别处吗?
不会。两个方向都完全在当前浏览器标签页内运行,输入不会被发送或保留,也无需账号。

继续探索开发者工具

相关任务,而非死胡同。

无需返回完整索引,直接进入另一个专注的工作区。

代码转图片

Code to Image Converter

把 JavaScript、TypeScript、HTML、CSS、JSON、Bash 代码用 Shiki 高亮后排成带窗口标题与行号的卡片,可调背景、内边距、字号与 1x/2x 比例,导出 SVG 或 PNG。

创建

URL Slug 生成器

URL Slug Generator

把标题实时转成干净的 URL slug:去重音、& 变 and、标点折叠为连字符或下划线,中日文等非拉丁文字保留,结果小写,可复制或下载。

创建

React Native 阴影生成器

React Native Shadow Generator

为 iOS 与 Android 生成 React Native 阴影样式:调偏移、不透明度、半径与 elevation,对照实时近似预览,复制 StyleSheet 代码;可选新架构 boxShadow 模式。

创建

Base64 编码 / 解码

Base64 Encoder/Decoder

在本地编码 Unicode 文本或解码 Base64,支持 UTF-8、URL-safe 变体与换行保留,解码即时校验并指出具体错误,一键互换方向做往返验证。

转换