一键将手写字符串中的 HTML 特殊字符 替换为 转义实体,防止内容在 HTML / Astro 页面中被误解析。
转义映射
| & | → | & | 必须最先转义,防止二次转义 |
| < | → | < | 标签起始符,防止被当作标签 |
| > | → | > | 标签结束符 |
| " | → | " | 属性双引号 |
| ' | → | ' | 属性单引号 |
| { } | → | { } | Astro 模板花括号(防编译器误解析) |
使用场景
· Astro 页面手写公式:$$f = \frac{1}{2\pi}$$ 中的花括号必须转义为 { / },否则构建报 Syntax error;浏览器解析 DOM 后自动还原,KaTeX 正常渲染。
· HTML 内容展示:代码示例、公式源码等需要原文显示的内容,转义后不会被浏览器解析执行。
· 评论区 Markdown:含 <、& 的文本转义后渲染更安全。