html - "display:none"内容复制到剪贴板，粘贴时可见

Question

我在将未显示的 HTML 元素复制到剪贴板时遇到问题，然后在将内容粘贴到 MS Word、Outlook 等中时显示。

例如:

<p>Hello</p>
<p style="display: none;">I'm Hidden</p>
<p>World</p>

如果我在浏览器中查看该 HTML，将文本复制到我的剪贴板，然后粘贴到 Outlook 中，中间段落仍然隐藏。好消息。

但是，在这个例子中:

<p>Hello</p>
<input type="text" value="I'm not hidden" style="display: none;" />
<p>World</p>

如果我这样做 - 复制到剪贴板，粘贴到 Outlook - 文本输入是可见的。

有什么办法可以抑制它吗？ (无需告诉用户在 Outlook 中选择“仅保留文本”。)

谢谢!

Answer 1

听起来您需要让 JavaScript 创建 DOM 部分，而不是仅仅更改 CSS 样式。不要更改“我已隐藏”段落的显示属性，而是让 JavaScript 在您希望它显示时创建该元素，并在您想要隐藏它时将其移除。

如果元素足够复杂，那么也许您可以使用“display:none”将它们放在文档的底部，然后将它们移动到您希望它们可见的位置。