复制HTML字符串需清洗为纯文本：先剔除标签，再归一化空白并trim；H5端可用navigator.clipboard.write写text/html（仅HTTPS+用户手势），App/小程序只能复制清洗后的纯文本。
复制 HTML 字符串时粘贴成空白或乱码
直接把 <div>Hello</div> 这类含标签的字符串传给 uni.setClipboardData 或 navigator.clipboard.writeText，结果粘贴出来是空、乱码、或带换行缩进——不是 API 崩了，而是你把“渲染用的 HTML”当成了“可粘贴的纯文本”。浏览器和剪贴板对富文本格式有隐式处理逻辑，但 writeText 只认纯字符串，uni.setClipboardData 更只做字面量写入。
常见错误场景：
- 从
<view>{{ content }}</view>中直接取content，而它其实是服务端返回的 HTML 片段 - 用
element.innerHTML获取节点内容后直接复制，结果包含<br>、换行符等不可见控制字符 - 没做 trim 或空白归一化，导致首尾空格/制表符/零宽空格（
\u200B）被一起复制，某些编辑器会忽略整段
解决办法：统一清洗为安全纯文本
- 先用正则剔除所有标签：
text.replace(/]*>/g, '') - 再合并连续空白符并去首尾：
.replace(/[\r\n\t\s\u00A0\u200B]+/g, ' ').trim() - 若需保留简单换行（如段落分隔），可把
<p>、<br>替换为\n，再统一处理
想复制带格式的 HTML（比如粘贴到微信/钉钉里保持加粗）
uni.setClipboardData 和 navigator.clipboard.writeText 都只支持纯文本。想让目标应用识别格式，必须走 navigator.clipboard.write 写入 text/html 类型数据——但这仅在 H5 且 HTTPS 环境下可用，App 和小程序完全不支持。
立即学习“前端免费学习笔记（深入）”；
所以现实路径只有两条：
-
H5 端：用
navigator.clipboard.write构造ClipboardItem，传入new Blob([htmlString], { type: 'text/html' })。注意 iOS Safari 16.4+ 才支持，旧版仍 fallback 到纯文本 - App / 小程序端：放弃格式，只复制清洗后的纯文本。微信/钉钉在粘贴 HTML 字符串时会自动解析并渲染，但依赖客户端实现，不可控
别试图用 plus.clipboard.writeText（App）或小程序自定义菜单（右上角「复制」）绕过——它们底层仍是纯文本通道。
复制后中文显示为方框或问号
这通常发生在 Android App 端，尤其老机型或定制 ROM（如华为 EMUI、小米 MIUI）。根本原因是字符串编码未显式指定 UTF-8，系统默认用 ISO-8859-1 解析。
关键动作：
- 确保传入
data的字符串是标准 UTF-16 JavaScript 字符串（现代 JS 默认就是） - 避免从非 UTF-8 源（如某些旧接口返回的 GBK 编码响应）直接拼接；用
decodeURIComponent(escape(raw))或new TextDecoder('utf-8').decode(...)显式转码 - 检查 manifest.json 中 App 模块是否启用「剪贴板」，未勾选会导致静默失败，表现就像编码错误
微信小程序真机若出现此问题，大概率是 scope.writeClipboard 权限未在 mp-weixin 节点下配置，fail 回调里会明确报 errMsg: "setClipboardData:fail auth deny"。
H5 复制 HTML 字符串时提示 NotAllowedError
这是浏览器安全策略铁律：哪怕你用 navigator.clipboard.write 写 text/html，也必须满足两个硬条件——当前页面是 HTTPS（或 localhost），且调用必须由用户手势（click/tap/longpress）同步触发。
典型翻车点：
- 开发时用 http://127.0.0.1:8080 启动，H5 复制直接报
NotAllowedError: Write permission denied - 点击按钮后发请求，成功后再复制：
api.get().then(() => copy(html))—— 异步回调失去手势上下文，浏览器拒绝 - Vue 中用
@click.prevent阻止默认行为，但没 return false 或 stopPropagation，导致事件链中断
正确做法：
- 本地开发切 HTTPS（用
vue-cli-service serve --https或配 ngrok） - 把复制逻辑放在 click 回调第一层，不要嵌套 Promise.then；如需异步取值，提前 fetch 并缓存，点击时直接复制
- 微信内嵌 H5 若仍失败，检查是否被 UA 识别为“非可信环境”，可加
document.addEventListener('click', ...)主动绑定一次全局手势唤醒
最易被忽略的是：H5 端永远不要裸调 uni.setClipboardData，它在 H5 下静默失效，既不报错也不触发回调，debug 时容易误判为逻辑问题。
