JavaScript中精确计算包含换行符的字符串长度（处理HTML内容）

let htmlString = "ABC<br><br>DEC";
// 原始的标签移除和实体解码
let cleanedString = htmlString
    .replaceAll(/<(.|\n)*?>/g, "") // 移除所有HTML标签
    .replaceAll(/ /g, " ")   // 解码不间断空格
    .replaceAll(/&/g, "&");   // 解码和号

console.log(`清理后的字符串: "${cleanedString}"`); // 输出: "清理后的字符串: "ABCDEC""
console.log(`清理后的长度: ${cleanedString.length}`); // 输出: 6

function normalizeHtmlNewlines(htmlContent) {
    // 将 <br> 或 <br/> 标签替换为 \n
    // /<br\s*\/?>/gi 匹配不区分大小写的 <br> 或 <br/>
    return htmlContent.replaceAll(/<br\s*\/?>/gi, "\n");
}

function removeOtherHtmlTags(content) {
    // 移除所有HTML标签，但此时 <br> 已经被替换为 \n，不会被移除
    // /<(.|\n)*?>/g 匹配任意标签，包括跨多行的标签
    return content.replaceAll(/<(.|\n)*?>/g, "");
}

function decodeHtmlEntities(content) {
    // 解码常见的HTML实体
    let decodedContent = content
        .replaceAll(/ /g, " ") // 不间断空格
        .replaceAll(/&/g, "&")   // 和号
        .replaceAll(/</g, "<")    // 小于号
        .replaceAll(/>/g, ">")    // 大于号
        .replaceAll(/"/g, '"')   // 双引号
        .replaceAll(/'/g, "'");  // 单引号 (或 &apos;)
    // 可以根据需要添加更多实体解码
    return decodedContent;
}

function countWithNewlines(content) {
    // 将所有 \n 替换为一个单字符占位符（例如 'a'），然后计算长度
    return content.replaceAll("\n", "a").length;
}

function getCharacterCountIncludingNewlines(htmlString) {
    // 1. 标准化HTML换行符：将 <br> 转换为 \n
    let processedString = normalizeHtmlNewlines(htmlString);
    console.log(`步骤1 (标准化换行): "${processedString}"`);

    // 2. 移除其他HTML标签
    processedString = removeOtherHtmlTags(processedString);
    console.log(`步骤2 (移除其他标签): "${processedString}"`);

    // 3. 解码HTML实体
    processedString = decodeHtmlEntities(processedString);
    console.log(`步骤3 (解码实体): "${processedString}"`);

    // 4. 计算包含换行符在内的最终长度
    const finalCount = countWithNewlines(processedString);
    console.log(`最终处理字符串 (显示用，\n已替换): "${processedString.replaceAll('\n', '[NEWLINE]')}"`);
    return finalCount;
}

// 示例用法
const testHtml1 = "ABC<br><br>DEC";
console.log(`原始字符串: "${testHtml1}"`);
console.log(`总字符数 (含换行): ${getCharacterCountIncludingNewlines(testHtml1)}\n`); // 期望输出: 9 (ABCDEC + 2个换行)

const testHtml2 = "<p>Hello & World!</p><span><br/>Another Line.</span>";
console.log(`原始字符串: "${testHtml2}"`);
console.log(`总字符数 (含换行): ${getCharacterCountIncludingNewlines(testHtml2)}\n`); // 期望输出: "Hello & World!\nAnother Line." => 14 + 1 + 13 = 28

const testHtml3 = "Only text with \n existing newlines.";
console.log(`原始字符串: "${testHtml3}"`);
console.log(`总字符数 (含换行): ${getCharacterCountIncludingNewlines(testHtml3)}\n`); // 期望输出: 29 (包含一个 \n)

const testHtml4 = "<span></span>";
console.log(`原始字符串: "${testHtml4}"`);
console.log(`总字符数 (含换行): ${getCharacterCountIncludingNewlines(testHtml4)}\n`); // 期望输出: 0

/*
输出示例：
原始字符串: "ABC<br><br>DEC"
步骤1 (标准化换行): "ABC\n\nDEC"
步骤2 (移除其他标签): "ABC\n\nDEC"
步骤3 (解码实体): "ABC\n\nDEC"
最终处理字符串 (显示用，\n已替换): "ABC[NEWLINE][NEWLINE]DEC"
总字符数 (含换行): 9

原始字符串: "<p>Hello & World!</p><span><br/>Another Line.</span>"
步骤1 (标准化换行): "<p>Hello & World!</p><span>\nAnother Line.</span>"
步骤2 (移除其他标签): "Hello & World!\nAnother Line."
步骤3 (解码实体): "Hello & World!\nAnother Line."
最终处理字符串 (显示用，\n已替换): "Hello & World![NEWLINE]Another Line."
总字符数 (含换行): 28

原始字符串: "Only text with \n existing newlines."
步骤1 (标准化换行): "Only text with \n existing newlines."
步骤2 (移除其他标签): "Only text with \n existing newlines."
步骤3 (解码实体): "Only text with \n existing newlines."
最终处理字符串 (显示用，\n已替换): "Only text with [NEWLINE] existing newlines."
总字符数 (含换行): 29

原始字符串: "<span></span>"
步骤1 (标准化换行): "<span></span>"
步骤2 (移除其他标签): ""
步骤3 (解码实体): ""
最终处理字符串 (显示用，\n已替换): ""
总字符数 (含换行): 0
*/