本文旨在探讨在JavaScript中如何将HTML标签转换为实体字符（如将``），使其不被转义。我们将详细介绍如何利用正则表达式中的负向先行断言来实现这一精确的字符串替换需求，并提供示例代码及注意事项，以帮助开发者更灵活地处理HTML内容显示。
在Web开发中，我们经常需要将包含HTML标签的字符串显示为纯文本，而不是让浏览器渲染它们。这通常通过将特殊字符（如）转换为其对应的HTML实体（<和>）来实现。然而，有时我们希望在转换过程中保留某些特定的HTML标签，例如
标签，以确保文本的换行效果得以保留。直接使用简单的全局替换会无差别地转换所有匹配项，从而导致预期之外的结果。
挑战：选择性HTML标签转义
通常，我们会使用以下JavaScript代码将所有的字符替换为HTML实体：
let htmlString = "<p>Hello</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）</a>”；</p><br><span>World</span>"; htmlString = htmlString.replace(/</g, '<').replace(/>/g, '>'); console.log(htmlString); // 输出: <p>Hello</p><br><span>World</span>
这种方法虽然实现了HTML标签的转义，但它也错误地将
标签转换成了<br>，从而失去了其原有的换行功能。我们的目标是找到一种机制，能够识别并转义除特定标签（如
）之外的所有HTML标签。
解决方案：利用正则表达式的负向先行断言
要实现选择性转义，我们可以利用正则表达式中的负向先行断言（Negative Lookahead Assertion）。负向先行断言 (?!...) 允许我们匹配一个模式，但仅当该模式不紧跟着特定的子模式时。
具体到我们的问题，我们希望匹配所有以的
当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。
以下是实现这一目标的正则表达式及其解释：
const text = `<meltdown-code data-lang="HTML">
<span><br>
<p>Hi</p><br>
</span><br>
</meltdown-code>`;
// 使用负向先行断言排除 <br> 标签
const output = text.replace(/(?!<br>)<([^>]+)>/g, '<$1>');
console.log(output);正则表达式 /(?!
)]+)>/g 详解：
-
(?!
): 这是负向先行断言。它表示“当前位置的下一个字符序列不能是
”。这意味着只有当 时，整个匹配才会继续。 - : 匹配一个字面量的小于号。结合前面的断言，它只会匹配那些不属于
标签起始的- ([^>]+): 这是一个捕获组。
- [^>]: 匹配任何不是大于号 > 的字符。
- +: 表示匹配一个或多个这样的字符。
- 这个捕获组会捕获标签的名称及其属性（例如 p、span、meltdown-code data-lang="HTML"），但不包括 。
- >: 匹配一个字面量的大于号。
- /g: 全局标志，确保替换所有匹配项，而不仅仅是第一个。
- ([^>]+): 这是一个捕获组。
替换字符串 <$1> 详解：
- <: 用于替换匹配到的
- $1: 这是一个反向引用，它会插入正则表达式中第一个捕获组 ([^>]+) 所捕获的内容。这意味着它会保留原始标签的名称和属性。
- >: 用于替换匹配到的 >。
通过这种方式，正则表达式会找到所有非
的完整HTML标签（如
、等），并将它们转换为 <p>、<span> 等实体形式，而 示例代码运行结果： 从输出中可以看出， 都被正确地转义了，而所有的 通过巧妙地运用正则表达式中的负向先行断言，我们能够在JavaScript中实现对HTML标签的选择性转义。这种方法提供了一种精确控制字符串替换行为的能力，使得在显示代码或处理用户输入时，既能保证安全性又能兼顾特定的格式需求。然而，对于更复杂的HTML处理任务，仍推荐使用专业的HTML解析工具以确保稳定性和安全性。
标签则因不符合(?!
)<meltdown-code data-lang="HTML">
<span><br>
<p>Hi</p><br>
</span><br>
</meltdown-code>
标签都得以保留。注意事项
)]+)> 假定
是一个自闭合标签且没有属性。如果需要保留
或
等更复杂的
形式，或者需要排除其他带属性的标签，正则表达式需要相应地调整。例如，要排除
和
，可以使用 (?!
)]+)>。
和 ），可以在负向先行断言中使用 | 运算符：(?!
|]*>)]+)>。
总结
