textContent是最安全快捷的纯文本提取方式，适用于已挂载DOM的元素；对HTML字符串需用DOMParser解析后取textContent，避免正则或innerHTML风险；脱敏应在获取文本后字符串级处理；Node.js环境推荐trim-html库。
textContent 是最安全、最快捷的提取方式，只要 HTML 已挂载到 DOM 中；若只有 HTML 字符串（如从后端或 localStorage 拿到），必须用 DOMParser 解析后再取值，否则正则或字符串替换会出错。
contenteditable 元素中直接取纯文本摘要
当编辑器是 div[contenteditable="true"] 时，别用 innerText 或 innerHTML.replace：
-
innerText在 Firefox 中跳过display: none子元素，摘要可能漏内容 - 正则替换标签（如
/<[^>]*>/g）无法处理嵌套、自闭合标签（<img />）、HTML 实体（&变成&） -
textContent天然递归、保留换行、不执行脚本、无视 CSS 隐藏，语义最干净
示例：
const editor = document.getElementById('editor');
const rawText = editor.textContent;
const summary = rawText.substring(0, 200).replace(/\s+$/g, '') + (rawText.length > 200 ? '…' : '');从 HTML 字符串生成摘要（未插入 DOM 时）
后端返回的 HTML 字符串、缓存中的 HTML 片段，不能直接操作 DOM，必须走解析流程：
立即学习“前端免费学习笔记（深入）”；
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 用
DOMParser解析为文档对象，再取doc.body?.textContent - 不要用
document.createElement('div').innerHTML = html，它会触发脚本执行、加载外部资源（如图片、iframe），有安全与性能风险 - 如果 HTML 不含
<body>，DOMParser仍能正确构建结构，doc.body通常存在；若极端情况为空，fallback 到doc.documentElement?.textContent
示例函数：
function htmlToSummary(html, maxLength = 200) {
const parser = new DOMParser();
const doc = parser.parseFromString(html, 'text/html');
const text = doc.body?.textContent || doc.documentElement?.textContent || '';
return text.substring(0, maxLength).replace(/\s+$/g, '') + (text.length > maxLength ? '…' : '');
}需要脱敏或过滤时，后置处理比前置 DOM 操作更可靠
比如隐藏邮箱、手机号、敏感 class 名，应在拿到 textContent 后做字符串替换，而不是先删 DOM 节点再取文本：
- 删节点再取
textContent会破坏原始结构语义，且容易漏掉 inline-style 或 data-* 属性里的敏感信息 - 字符串级脱敏可覆盖所有上下文：正则匹配
/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/g或/1[3-9]\d{9}/g，统一替换成[email protected]或138****1234 - 若需保留部分格式（如换行、缩进），注意
textContent中的换行是\n，不是<br>，替换时别误删
Node.js 环境下推荐用 trim-html 而非手动解析
在服务端处理 HTML 字符串摘要时，DOMParser 不可用（无浏览器环境），此时：
- 别自己写正则去“修复” HTML 结构——标签嵌套、属性引号、CDATA、注释都会让正则崩溃
-
trim-html库专为该场景设计：截断时不破坏标签闭合，支持preserveTags: false输出纯文本，也支持保留部分标签（如<p><strong>） - 安装：
npm install trim-html；基本用法：const trimmed = trimHtml(html, { limit: 200 })，返回对象含html字段
真正难的不是“怎么截”，而是“截到哪一句结束才不割裂语义”——这需要句子边界识别，textContent 和 trim-html 都只解决结构安全问题，语义完整性得靠后续 NLP 或人工规则补足。
