“display:none”内容复制到剪贴板，粘贴时可见

我遇到了以下问题：将未显示的 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 - 文本输入is可见的。

有什么办法可以抑制这种情况吗？ （无需告诉用户在 Outlook 中选择“仅保留文本”。）

Thanks!

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

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