真正难处理的是css渲染、编辑器自动格式化、剪贴板mime类型转换三层逻辑混合；应优先用textcontent提取纯文本，再用replace清理空白，最后用navigator.clipboard.writetext写入。
直接删不掉的“首行缩进”不是 HTML 问题，而是 Word 或富文本编辑器把 text-indent 渲染成了段落格式——你复制的是视觉效果，不是样式代码。
复制时就该剥离 text-indent 样式
浏览器复制 HTML 元素（比如 <p style="text-indent: 2em"></p>）时，多数编辑器会把 text-indent 解析为“首行缩进 2 字符”的段落属性，粘贴到 Word 后就固化成格式，后续手动删空格无效。
- 真正干净的复制，应只取纯文本内容，绕过所有 CSS 渲染逻辑
- 用
element.textContent提取原始文字，再用.replace(/^\s+|\s+$/g, '')去首尾空白，但保留中间换行 —— 这样拿到的是无样式、无缩进干扰的字符串 - 若目标是按钮一键复制，别调
document.execCommand('copy')（已废弃），改用navigator.clipboard.writeText()写入处理后的纯文本 - 注意：
textContent会把.replace(/[\u3000\xa0\s]+/g, ' ')
粘贴到 Word 后缩进还在？那是段落格式残留
Word 不会还原 CSS，但它会记住上一次粘贴的段落格式。即使你复制的是纯文本，它也可能沿用前一段的“悬挂缩进”或“左缩进”设置。
- 快捷解决：粘贴后立刻按
Ctrl + Space（清除字符格式）+Ctrl + Q（清除段落格式） - 更彻底：在 Word 中打开标尺（视图 → 显示 → 标尺），观察左端三个滑块位置 —— 若上滑块（首行缩进）和下滑块（左缩进）分离，说明是悬挂缩进；若两者重合但整体右偏，是左缩进
- 批量清除：选中全部内容 → 右键 → 段落 → 特殊格式设为“无”，左侧缩进设为“0”
从源头避免：HTML 里别用 text-indent 做“视觉占位”
很多所谓“缩进”其实是误用：<p> 正文</p> 或 style="text-indent: 2em" 被当成排版手段，结果复制时带出不可见格式。
- 语义正确做法：缩进只为段落首行服务，且仅用于阅读场景；若只是想让某段“看起来缩进一点”，用
padding-left更可控（它不参与段落格式继承） - 富文本输出（如 CMS、编辑器）常带内联
style，可在 JS 复制前先临时移除：el.style.textIndent = ''，或用getComputedStyle(el).textIndent === '0px'判断是否被覆盖 - 测试关键点：打开开发者工具 → Elements 面板右键目标
<p></p>→ “Copy” → “Copy element”，粘贴到记事本看是否含style="text-indent...—— 如果有，说明缩进来自 HTML 层，不是 Word 自动加的
真正难处理的不是缩进本身，而是混合了 CSS 渲染、编辑器自动格式化、剪贴板 MIME 类型转换三层逻辑。每次复制前，先确认你拿的是 textContent 还是 innerText，再决定要不要走 write() + text/plain 的 Blob 路径 —— 否则删空格只是在擦灰，灰底下还压着格式规则。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
