文本换行优化器 - 标题漂亮折行预览
输入标题文本,尝试不同容器宽度,手动插入<br>或使用text-wrap:balance显示效果。
UD5工具箱
HTML敏感符号一键转换 — 安全嵌入代码,告别转义烦恼
| 字符 | 实体名称 | 实体编号 | 描述 |
|---|---|---|---|
| & | & | & | 和号 (ampersand) |
| < | < | < | 小于号 (less-than) |
| > | > | > | 大于号 (greater-than) |
| " | " | " | 双引号 (double quote) |
| ' | ' | ' | 单引号 (apostrophe) |
| © | © | © | 版权符号 |
| ® | ® | ® | 注册商标符号 |
| ™ | ™ | ™ | 商标符号 |
| € | € | € | 欧元符号 |
| ¥ | ¥ | ¥ | 日元符号 |
| £ | £ | £ | 英镑符号 |
| ° | ° | ° | 度符号 |
| ± | ± | ± | 正负号 |
| × | × | × | 乘号 |
| ÷ | ÷ | ÷ | 除号 |
| ← | ← | ← | 左箭头 |
| → | → | → | 右箭头 |
| ↑ | ↑ | ↑ | 上箭头 |
| ↓ | ↓ | ↓ | 下箭头 |
|   | 非断空格 |
<和>等字符被用于标记标签,如果直接在内容中使用会导致浏览器误解析。通过使用实体(如<代表<),可以安全地在HTML文档中展示这些字符,避免XSS攻击和渲染错误。
&(和号)、<(小于号)、>(大于号)、"(双引号)和'(单引号)。其中&必须最先转义为&,否则会导致连锁错误。在HTML属性值中,引号字符的转义尤为重要。
©)使用易记的英文缩写,而实体编号(如©)使用Unicode码点。实体名称更直观但并非所有字符都有对应名称;实体编号则覆盖了全部Unicode字符。两者在浏览器中的渲染效果完全一致。本工具编码时优先使用实体名称(当存在时)。
& < > " '这5个核心字符。对于大多数场景,建议保持开启以获得更全面的转义保护。
&被转义为&。如果您粘贴的内容已经包含HTML实体(如<),其中已有的&也会被再次转义。如需避免双重转义,请先将已转义的内容使用"解码"模式还原,再重新编码。
输入标题文本,尝试不同容器宽度,手动插入<br>或使用text-wrap:balance显示效果。
粘贴网页上的 HTML 表格代码,自动提取数据并转换为 JSON 或 CSV 格式下载。
将普通HTML片段一键转为React可用的JSX,处理class→className、style等。
选择背景图片(或使用占位色),配置标题、副标题和按钮,生成Hero区域代码。
提取HTML中内联style属性或嵌入式style标签,转变为独立CSS规则,辅助样式重构。
粘贴PHP print_r或var_export输出,智能解析为有效的JSON。
将普通HTML标记转换为符合JSX语法的代码,自动处理class→className、行内样式对象化等。
输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
显示文本中的非换行空格、全角空格等隐藏字符映射。
将空格分隔的8位二进制序列解码为可读文本,支持ASCII及扩展字符集。
将 JSON 数组或对象渲染为可交互的 HTML 表格,支持嵌套展开、列排序和搜索。
上传PDF,选择需要保留的页码(如1,3-5),生成仅含这些页面的新文档。
粘贴HTML并编写XPath表达式,高亮显示匹配的节点并提取文本。
粘贴HTML表格代码或从网页抓取,自动识别行列并转换为CSV格式,方便导入Excel。
配置内容和位置,生成使用最新HTML popover属性的轻量弹窗代码,无需JavaScript。
粘贴 CSV 数据,自动转换为对齐整齐的 Markdown 表格格式,适合文档和 README。
选择任意基色,自动计算互补色、分裂互补及三分色,提供十六进制代码,一键复制。
选择触发位置、箭头方向与样式,生成轻量悬停提示框代码。
输入文本,滑块调节letter-spacing和word-spacing,实时显示效果并复制CSS。
抓取网页或粘贴HTML,提炼h1-h6标题层级,生成可折叠文章大纲,辅助长文浏览。
粘贴结构化数据代码,模拟Google结构化数据测试,检查错误与丰富结果。
编写JavaScript代码,自动转换为可直接拖拽至书签栏的Bookmarklet链接。
利用隐藏的checkbox和CSS兄弟选择器实现无需JS的暗黑/明亮主题切换。
输入一组单词,自动生成网格字母谜题,可调整网格大小和方向,导出打印。
粘贴HTML和基本CSS,分析渲染后视觉顺序与DOM顺序的差异,避免可访问性问题。
自定义箭头方向、颜色、大小和动画,生成无需JavaScript的纯CSS tooltip组件代码。
在线Base32编码解码,实现字符串与Base32格式互转,支持RFC 4648标准,前端实时处理。
输入新旧JSON,并排展示增删改的行级差异,辅助接口变动追踪。
将HashiCorp配置语言HCL代码转换为JSON格式,便于程序化处理。
粘贴JSON对象,生成可折叠的树形视图,点击节点复制其键值路径,方便调试。