JavaScript 无法直接通过 writeText() 写入加粗等富文本样式，但可通过 navigator.clipboard.write() 写入 HTML 格式内容（如 标签），实现粘贴时保留加粗效果。需注意浏览器兼容性与 MIME 类型设置。
javascript 无法直接通过 `writetext()` 写入加粗等富文本样式，但可通过 `navigator.clipboard.write()` 写入 html 格式内容（如 `` 标签），实现粘贴时保留加粗效果。需注意浏览器兼容性与 mime 类型设置。
在 Web 开发中，navigator.clipboard.writeText() 仅支持纯文本（text/plain），因此无法传递字体、颜色、加粗等样式信息。若希望粘贴到 Word、Notion、Outlook 或支持富文本的编辑器时自动呈现加粗效果，必须使用 navigator.clipboard.write() API，并提供包含 HTML 标记的 ClipboardItem。
✅ 推荐方案：navigator.clipboard.write()（现代标准）
该方法支持多格式写入（如 text/html + text/plain），确保兼容性与语义正确性：
async function writeBoldTextToClipboard() {
const htmlContent = "<strong>From:</strong><br><strong>Info:</strong><br><strong>Resp:</strong>";
const plainContent = "From:\nInfo:\nResp:"; // 纯文本降级备用
try {
const htmlBlob = new Blob([htmlContent], { type: 'text/html' });
const plainBlob = new Blob([plainContent], { type: 'text/plain' });
const clipboardItem = new ClipboardItem({
'text/html': htmlBlob,
'text/plain': plainBlob
});
await navigator.clipboard.write([clipboardItem]);
console.log('✅ 加粗文本已写入剪贴板（HTML + 纯文本双格式）');
} catch (err) {
console.error('❌ 剪贴板写入失败：', err);
// 回退到纯文本（可选）
await navigator.clipboard.writeText(plainContent);
}
}
// 调用示例（需在用户手势触发的上下文中，如 button click）
document.getElementById('copy-bold-btn').addEventListener('click', writeBoldTextToClipboard);
⚠️ 重要前提：
- 必须在安全上下文（HTTPS 或
localhost）中运行；- 必须由用户显式交互触发（如
click、keydown），否则会抛出NotAllowedError；- Chrome 66+、Edge 79+、Firefox 122+ 支持；Safari 目前不支持
write()方法写入text/html（仅支持text/plain），需降级处理。
❌ 不推荐方案：document.execCommand("copy") + 监听器
虽然可通过监听 copy 事件并调用 e.clipboardData.setData("text/html", ...) 实现，但 document.execCommand 已被 W3C 弃用，且存在以下问题：
- 需临时插入隐藏 DOM 节点以触发
execCommand； - 无法精确控制剪贴板数据优先级（如 HTML vs. plain）；
- 在现代框架（React/Vue）中易引发副作用；
- Firefox 已移除对该 API 的支持。
因此，请勿在新项目中采用此方式。
✅ 最佳实践建议
-
始终提供
text/plain降级：确保在不支持 HTML 剪贴板的环境（如终端、部分邮件客户端）中仍能粘贴可读内容； -
避免内联样式：优先使用语义化标签（如
、），而非，提升跨应用兼容性； -
校验权限：生产环境可先调用
navigator.permissions.query({ name: 'clipboard-write' })进行预检； -
错误兜底：捕获
NotAllowedError（无用户交互）、SecurityError（非安全上下文）或TypeError（API 不可用），并优雅降级至writeText()。
通过上述方式，你即可在点击按钮时，将结构清晰、样式明确的加粗文本写入系统剪贴板，并在 Word、Google Docs、OneNote 等主流富文本编辑器中保持格式一致。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
