标签添加自增行号
" />
本文详解如何正确地在 html 歌词文本中为每个 `
` 换行标签动态插入递增序号，指出常见误区（如误用 `php_eol`），并提供健壮、可复用的 php 实现方案。
原始代码的问题核心在于：使用 explode(PHP_EOL, $lyrics) 尝试按系统换行符分割字符串，但 $lyrics 是一个单行 HTML 字符串（所有 <br /> 均在同一行内），其中并无 \n 或 \r\n 字符——因此 explode() 返回的数组实际只含一个元素，导致循环仅执行一次，序号无法按 <br /> 出现次数递增。
正确的思路是：以 <br /> 为分隔符进行切割，并在每段内容后追加序号及标准化的换行标签。以下是推荐实现：
<?php
$lyrics = "<p>Every time when I look in the mirror <br />All these lines on my face getting clearer <br /> The past is gone <br /> And it went by, like dusk to dawn <br /> Isn't that the way? <br /> Everybody's got their dues in life to pay <br /> Yeah, I know nobody knows <br /> Where it comes and where it goes <br /> I know it's everybody's sin <br /> You got to lose to know how to win <br /></p>";
// 关键修正：按 '<br />' 分割（注意空格兼容性，建议先标准化）
$lyrics = str_replace('<br>', '<br />', $lyrics); // 统一为 <br />
$parts = explode('<br />', $lyrics);
// 构建带序号的新内容
$result = '';
foreach ($parts as $index => $part) {
$lineNum = $index + 1;
// 仅对非空片段添加序号；避免末尾空片段产生多余编号
if (trim($part) !== '') {
$result .= trim($part) . " <span class=\"line-num\">[{$lineNum}]</span><br />";
}
}
// 保留原有 <p> 包裹结构（可选）
echo $result;
?>✅ 关键要点说明：
- 勿依赖 PHP_EOL：HTML 字符串中的换行由 <br /> 控制，而非物理换行符；PHP_EOL 仅适用于纯文本多行字符串。
- 注意标签变体：实际 HTML 中可能存在 <br>、<br/> 或 <BR />，生产环境建议先用 preg_replace 归一化（如 '/<br\s*\/?>/i'）。
- 处理空片段：末尾 <br /> 可能导致空数组项，需 trim() 判断过滤，避免显示 [11] 类无效编号。
- 语义增强建议：用 <span class="line-num"> 替代裸数字，便于 CSS 样式控制（如右对齐、灰阶显示），提升可维护性。
最终输出将为每行歌词后附带 [1]、[2]…等清晰序号，真正实现“按 <br /> 计数”的预期效果。
