使用JavaScript能否将内容以RTF格式复制到剪贴板？

可以通过指定RTF对应的标准MIME类型text/rtf实现剪贴板写入，不需要局限于规范列出的强制支持类型，主流浏览器都支持自定义剪贴板数据类型。

你之前的写法问题在于将RTF内容传入了text/html类型，办公软件会按照HTML规则解析内容，自然会把RTF标记识别为普通文本，替换MIME类型即可生效。

修改后的函数如下：

function copy(rtf, text) {
  function listener(e) {
    e.clipboardData.setData("text/plain", text);
    // 使用RTF对应的标准MIME类型
    e.clipboardData.setData("text/rtf", rtf);
    e.preventDefault();
  }
  document.addEventListener("copy", listener);
  document.execCommand("copy");
  document.removeEventListener("copy", listener);
};

注意事项 #

• 传入的rtf参数必须是符合RTF规范的完整字符串，以{\rtf1开头、}结尾，不能存在语法错误
• 兼容性覆盖Chrome 60+、Edge 79+、Safari 13+、Firefox 89+，粘贴到Word、WPS、Pages等主流办公软件时可以正确识别RTF格式
• 如需兼容更多场景，可以同时写入text/html类型的富文本内容，应用会自动匹配支持的最优格式

如果使用新版异步Clipboard API，可以用以下实现，该方式要求页面运行在安全上下文（HTTPS/localhost）中，且必须由用户交互事件触发：

async function copyAsync(rtf, text) {
  const clipboardItem = new ClipboardItem({
    'text/plain': new Blob([text], { type: 'text/plain' }),
    'text/rtf': new Blob([rtf], { type: 'text/rtf' })
  });
  await navigator.clipboard.write([clipboardItem]);
}

内容的提问来源于stack exchange，提问作者MSZ