html – “display：none”内容复制到剪贴板,粘贴时可见

发布时间：2020-12-14 18:55:52 所属栏目：资源来源：网络整理

导读：我有一个问题,非显示的 HTML元素被复制到剪贴板,然后当内容粘贴到MS Word,Outlook等时显示. 例如： pHello/pp style="display: none;"I'm Hidden/ppWorld/p 如果我在浏览器中查看HTML,请将文本复制到我的剪贴板,然后粘贴到Outlook中,中间段保持隐藏.好消息.

我有一个问题,非显示的 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中选择“仅保留文字”.)

谢谢！

解决方法

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

如果元素足够复杂,那么也许您可以将它们放在文档的底部,并显示“none”,然后将它们移动到您想要的位置.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!