代码渲染与防转义指南

为了防止你发送的代码在聊天窗口中被浏览器误解析为 HTML 渲染，你需要采取以下处理手段：

1. HTML 转义（最根本的办法）

在将代码输出到页面之前，必须对特殊字符进行转义。如果是在后端处理，请将：

• < 替换为 <
• > 替换为 >
• & 替换为 &

2. 使用 HTML 语义化标签

将代码内容包裹在 <pre><code> 标签中。这不仅能告诉浏览器这是一段代码，还能保留代码原本的换行和缩进格式，不会被当作普通段落处理。

3. 前端处理方案

如果代码是动态加载的，请使用 textContent 而不是 innerHTML 来填充 DOM 节点。例如：
document.getElementById('code-container').textContent = yourCodeString;

4. 为什么要这样处理？

浏览器默认会将 HTML 字符串作为 DOM 结构解析。如果直接注入 <div>...</div>，浏览器会尝试渲染它。通过转义或使用 textContent，浏览器会将其视为纯文本字符串，从而显示代码源码而非渲染结果。