code标签是行内代码语义容器，需用非贪婪正则/([^\n]+)/匹配并转义HTML特殊字符，严格区分块级``规则，且行内处理必须优先于块级。
code 标签在轻量级标记语言（如 Markdown）转 HTML 时，本质是行内代码片段的语义化容器，不是样式装饰工具。直接套用 code 而不处理上下文，会导致嵌套失效、转义遗漏或被其他正则规则误吞。
Markdown 行内代码：反引号匹配必须非贪婪且防换行
常见错误是写成 /`(.+)`/g，结果跨行捕获甚至吞掉后续规则里的 `。实际必须禁止换行和嵌套反引号：
-
/`([^`\n]+)`/g是安全底线：[^`\n]排除自身和换行，避免匹配失控 - 若原始文本含未闭合反引号（如
`foo），该正则会跳过整段——这不是 bug，是设计取舍；强行补全会破坏语义 - 匹配后替换为
<code>$1，注意$1是捕获内容，不是原始反引号
HTML code 标签输出前必须做字符转义
未经转义的 code 内容可能把 、<code>& 渲染成标签或实体，导致 HTML 结构断裂。不能只靠外层包裹：
- 对捕获的
$1单独执行 HTML 实体转义：→ <code>，<code>&→& - 不要依赖浏览器自动转义——
code是行内元素，其文本子节点仍按 HTML 解析 - 若用 JavaScript 处理，可用
document.createTextNode(text).textContent辅助提取，但批量转换时更推荐字符串映射表
与 pre+code 块级代码混淆是高频翻车点
行内 `code` 和块级 ```lang 是两类规则，混用正则会互相污染：
- 块级代码需先按行分割，识别以
```开头/结尾的段落，再对中间内容整体转义并套<pre class="brush:php;toolbar:false;"><code>...</code></pre> - 行内规则必须在块级处理之前运行，否则
`可能被块级规则吃掉或截断 - 若源文本同时含
`x 和 <pre class="brush:php;toolbar:false;"> x ，两处 <code> 都要转义，但块级内容还需保留缩进和换行符</code></pre>
真正难的不是写对一个 code 正则，而是让行内、块级、转义、顺序四者咬合严丝合缝——少一步，生成的 HTML 就可能在某个边缘 case 里崩出未闭合标签或脚本执行异常。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
