HTML转义与反转义

快速将普通文本转换为HTML转义字符,或把HTML转义字符还原为普通文本。适用于代码处理、数据清洗等场景。

HTML转义

将文本中的特殊字符转换为HTML实体,防止在网页中被解释为HTML代码。

HTML反转义

将HTML实体转换回原始的特殊字符,用于处理从网页获取的转义文本。

高效处理

支持大段文本的快速处理,界面友好,操作简单,提升工作效率。

使用示例

输入

<div class="container"><p>Hello, world!</p></div>

转义结果

&lt;div class=&quot;container&quot;&gt;&lt;p&gt;Hello, world!&lt;/p&gt;&lt;/div&gt;

输入

&lt;script&gt;alert('XSS');&lt;/script&gt;

反转义结果

<script>alert('XSS');</script>

常见问题

什么是HTML转义?

HTML转义是将文本中的特殊字符(如、&等)转换为HTML实体的过程,这样可以确保这些字符在网页中被正确显示,而不会被解释为HTML代码。

为什么需要进行HTML转义?

在处理用户输入或从外部源获取的文本时,进行HTML转义可以防止XSS攻击,确保数据安全,并保证文本在网页中的正确显示。

这个工具支持批量处理吗?

是的,这个工具支持大段文本的处理,可以一次性转义或反转义大量HTML内容,非常适合批量处理场景。

'; showNotification('已加载示例文本!', 'info'); }); copyResult.addEventListener('click', function() { outputText.select(); document.execCommand('copy'); showNotification('结果已复制到剪贴板!', 'success'); }); selectAll.addEventListener('click', function() { outputText.select(); showNotification('结果已全选!', 'info'); }); saveFile.addEventListener('click', function() { if (outputText.value.trim() === '') { showNotification('没有可保存的内容!', 'error'); return; } const blob = new Blob([outputText.value], { type: 'text/plain' }); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'html_escaped.txt'; document.body.appendChild(a); a.click(); document.body.removeChild(a); showNotification('文件已保存!', 'success'); }); shareResult.addEventListener('click', function() { if (navigator.share) { navigator.share({ title: 'HTML转义处理结果', text: outputText.value, url: window.location.href }) .then(() => showNotification('已分享!', 'success')) .catch(error => showNotification('分享失败: ' + error, 'error')); } else { showNotification('您的浏览器不支持分享功能!', 'error'); } }); // 显示通知函数 function showNotification(message, type = 'info') { // 创建通知元素 const notification = document.createElement('div'); notification.className = `fixed top-4 right-4 px-6 py-3 rounded-lg shadow-lg z-50 transform transition-all duration-300 translate-x-full opacity-0`; // 根据类型设置样式 if (type === 'success') { notification.classList.add('bg-green-500', 'text-white'); notification.innerHTML = ` ${message}`; } else if (type === 'error') { notification.classList.add('bg-red-500', 'text-white'); notification.innerHTML = ` ${message}`; } else { notification.classList.add('bg-blue-500', 'text-white'); notification.innerHTML = ` ${message}`; } // 添加到页面 document.body.appendChild(notification); // 显示通知 setTimeout(() => { notification.classList.remove('translate-x-full', 'opacity-0'); notification.classList.add('translate-x-0', 'opacity-100'); }, 10); // 自动关闭 setTimeout(() => { notification.classList.remove('translate-x-0', 'opacity-100'); notification.classList.add('translate-x-full', 'opacity-0'); setTimeout(() => { document.body.removeChild(notification); }, 300); }, 3000); } // 响应式导航栏 const menuBtn = document.querySelector('.md\\:hidden'); const navMenu = document.querySelector('.hidden.md\\:flex'); if (menuBtn && navMenu) { menuBtn.addEventListener('click', function() { if (navMenu.classList.contains('hidden')) { navMenu.classList.remove('hidden'); navMenu.classList.add('flex', 'flex-col', 'absolute', 'top-14', 'left-0', 'w-full', 'bg-primary', 'p-4', 'shadow-lg'); } else { navMenu.classList.add('hidden'); navMenu.classList.remove('flex', 'flex-col', 'absolute', 'top-14', 'left-0', 'w-full', 'bg-primary', 'p-4', 'shadow-lg'); } }); } }); URL解码工具-在线解码URL参数 计算器-高效实用的在线计算工具 在线OFFICE文档浏览-高效查看各类文档 CSS毛玻璃效果生成器|一键创建现代设计元素 在线组词-高效生成词语组合 EASCii码对照表 励志句子-每日获取正能量 PDF压缩工具-免费在线压缩PDF文件 随机数生成器-简单高效的随机数值生成工具 热量换算器-轻松转换卡路里单位 JSON转TypeScript类型-高效的类型定义生成工具 24字加密工具-安全高效的加密解决方案 在线二维码解码工具-快速识别二维码内容 HTML网页源码链接提取工具 网页定时刷新-简单高效的自动刷新工具 在线音频比特率调整工具-高质量音频处理 下载链接转换-高效转换各类下载链接 运动消耗卡路里计算器-精确估算你的能量燃烧 音频剪辑工具-简单高效的在线音频编辑 一键抠图-专业图像背景去除工具 自然对数计算-高精度数学工具 在线LaTeX公式编辑器|专业数学公式编辑工具 GIF缩放-在线调整GIF大小的免费工具 在线图片黑白化工具-一键将彩色图片转为经典黑白风格 Word转Excel工具-高效文档格式转换 屏幕PPI计算工具-精确计算屏幕像素密度 手机号归属地-快速查询手机号码归属信息 日期时间计算器-精确计算时间间隔 PDF自动翻译工具-高效准确的PDF文档翻译解决方案 汉字转五笔码-高效中文输入法编码查询工具 交通标志图片大全-专业交通标志识别工具 通知存款计算器-快速计算您的通知存款收益 喝水计算器-科学计算每日饮水量 CSS加载Loading动画代码|专业CSS加载动画生成工具 Excel快捷键大全-提升表格处理效率的必备工具 邮编区号查询-快速获取中国地区邮编及区号 支付宝到账音效生成器-自定义你的收款提示音 网站自适应检测-专业网页响应式测试工具 半球体积计算-精确计算半球体积的工具 地砖用量计算器-精确计算您的装修需求 在线文档批量重命名工具-高效处理文档命名 在线视频降噪工具-提升视频质量 在线MAC地址查询工具-快速识别设备厂商 htpasswd在线生成|安全密码哈希工具 女性安全期计算-生理周期助手 角度单位换算-精确高效的角度转换工具 PDF电子发票合成打印-高效处理您的发票需求 xml工具-高效的XML处理助手 合并图片为PDF-高效图片转PDF工具 PDF文件包工具-高效处理PDF文档 在线计算器-简单易用的数学计算工具 PDF文件多页转单一页-高效PDF处理工具 gif裁剪-专业的GIF图片裁剪工具 平行四边形面积计算器 重量在线换算-简单快捷的单位转换工具 证件照打印排版-专业证件照排版工具 在线PDF水印去除工具-免费去除PDF文档水印 UUID生成工具-高效生成唯一标识符 时间差计算器-精确计算任意两个时间点的差值 在线图片智能调色工具-轻松调整图片色彩 速度换算器-快速精准的单位转换工具 儿童标准身高体重参考表 维生素及食物大全-营养健康指南 在线shield badge生成-快速创建精美状态徽章 在线音频淡入淡出设置工具-轻松调整音频效果 二维码生成|简单高效的二维码创建工具 节拍器-精准音乐节奏工具 特殊符号大全-专业的符号工具集 图片翻转-在线图片处理工具 图片写入EXIF信息-专业图片元数据编辑工具 在线文本排序-简单高效的文本处理工具 在线PDF转Word-免费、高效的PDF转换工具 UserAgent分析-识别浏览器与设备信息 Unix时间戳-转换工具 烟花小游戏-在线烟花模拟器 NTP服务器地址大全-精确时间同步工具 两种颜色中间色计算 gif分割-在线GIF处理工具 罗马数字转换工具|数字与罗马符号互转 在线迷宫小游戏-挑战你的方向感 在线手写体识别-快速转换手写文字为电子文本 在线图片裁剪网格辅助工具-精准裁剪,轻松设计 CSS中PX批量转REM工具-高效的CSS单位转换助手 IP反查搜索蜘蛛工具-识别搜索引擎爬虫访问 HTML工具-专业的HTML开发辅助工具 mermaid编辑器-专业流程图绘制工具 占位图片-高质量免费图片占位工具 PDF旋转工具-在线免费旋转PDF页面 孩子身高预测-专业儿童成长评估工具 在线图片油画效果工具-让你的照片秒变艺术杰作 唐诗三百首-古典诗词赏析工具 车牌查询-快速获取车辆信息 在线图片翻译识别-精准提取图片中的文字并翻译 文档备份工具-安全可靠的文件存储解决方案 在线文本小工具-高效处理文本内容 PDF合并工具-简单高效的在线PDF处理 在线图片阴影效果工具-免费生成专业图片阴影 在线PDF转换器-免费高效的PDF处理工具 curl命令转代码-快速将curl命令转换为多种编程语言 笔画数转汉字-快速查找指定笔画的汉字