直接读取contenteditable元素的textContent最稳妥，它保留换行和空格、不触发渲染；别用innerText（压扁缩进）或innerHTML（含标签），复制必须绑定按钮click事件并用navigator.clipboard.writeText，HTTP环境需降级至execCommand。
点击按钮复制编辑器里的纯文本内容
直接读取 contenteditable 元素的 textContent 最稳妥，它保留换行和空格，不触发渲染逻辑。别用 innerText——它会把缩进转成单空格、合并连续换行，复制出来像被“压扁”过。
常见错误是监听了 input 或 blur 事件再调用复制，这违反剪贴板 API 的用户手势要求，必报 NotAllowedError。必须绑定在按钮的 click 上。
- 确保编辑器容器有明确
id或class，例如<div contenteditable="true" id="editor"> - 复制逻辑写成 async 函数，用
await navigator.clipboard.writeText(editorEl.textContent) - 加
try/catch捕获失败，比如用户点了但页面不是 HTTPS，或浏览器太旧不支持 - 移动端注意：iOS Safari 对
contenteditable的textContent读取有时滞后，可加setTimeout微调（仅限 fallback 场景）
复制时保留代码块缩进与换行
如果编辑器里混着 <pre><code>，且你想一键复制其中的代码片段（含制表符、多行），关键在两点：选对元素、读对属性。
textContent 是唯一能原样拿到 \n 和 \t 的方式；innerHTML 会把标签当字符串，innerText 会丢缩进，value 在 div[contenteditable] 上根本不存在。
立即学习“前端免费学习笔记（深入）”；
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 定位目标代码块：用
document.querySelector('#editor pre code')，而不是父容器 - 不要拼接字符串再复制，避免手动加 \n —— 原始
textContent就是带格式的 - 若编辑器支持 Markdown 预览，且你从预览区复制 HTML 渲染结果，需先用
DOMParser解析再提取文本，否则复制的是带标签的乱码 - Firefox 对
contenteditable中的pre子元素读取更严格，建议统一用codeEl.textContent.trim()避免首尾空白干扰
HTTPS / localhost 之外的环境怎么降级
HTTP 站点或本地文件（file://）下，navigator.clipboard 直接不可用，检查 if (!navigator.clipboard) 后必须切到 document.execCommand 路径，但要注意它已被废弃，仅作兼容。
这个降级路径容易漏掉两个细节：一是临时 textarea 必须插入 document.body 才能被选中；二是执行完 execCommand('copy') 后得立刻移除，否则残留 DOM 可能影响样式或焦点。
- 创建
textarea后设style.position = 'fixed'和style.left = '-9999px'，避免闪动或布局偏移 - 设
readonly属性，防止 iOS 键盘意外弹出 - 不要在
textarea上绑定任何事件，尤其是focus，某些安卓 WebView 会因此卡死 - 降级函数返回
Promise.resolve()，保持调用方逻辑一致，别让上层还要判断返回值类型
粘贴进编辑器时自动过滤富文本格式
用户从 Word、微信或网页复制带样式的文字进来，contenteditable 默认会粘贴 HTML，导致样式混乱或嵌套过深。想只留纯文本，核心是拦截 paste 事件并重写逻辑。
别依赖 navigator.clipboard.readText()——它在 paste 里虽可用，但权限不稳定；优先用 e.clipboardData?.getData('text/plain')，零权限、零 HTTPS 要求，所有浏览器都支持。
- 必须调用
e.preventDefault()，否则浏览器先走默认粘贴，你的逻辑后执行，造成双份内容 - 拿到纯文本后，用
document.execCommand('insertText', false, text)插入（注意：该命令未废弃，且在 paste 场景安全） - 如需进一步清洗（比如删掉全角空格、多余换行），在插入前用正则处理，例如
text.replace(/\u3000/g, ' ').replace(/\n\s*\n/g, '\n\n') - 避免在
paste里调用navigator.clipboard.read()（读 HTML/图片等），兼容性差，且部分浏览器会静默失败
最易被忽略的是：编辑器若用了第三方库（如 Quill、Tiptap），它们通常已接管 paste 事件，直接监听全局 paste 可能不生效。得查文档看是否提供 hook，或改用库自身的 paste handler。
