Question

是否可以制作它，以便当用户将某些内容复制/粘贴到剪贴板上时，它的CSS样式是否仍然存在？

Answer 1

如果您正在谈论HTML对象，那么您可以使用提到here的这个脚本。

此脚本复制HTML标记的所有样式并存储它们，以便您以后可以使用它们。

因此，在您的情况下，当您以某种方式检测copy event时，您可以存储原始对象的样式属性，并且当用户粘贴时，您可以应用存储的样式。

脚本的原始用法：

var style = $("#original").getStyleObject(); // copy all computed CSS properties
$("#original").clone() // clone the object
    .parent() // select it's parent
    .appendTo() // append the cloned object to the parent, after the original
                // (though this could really be anywhere and ought to be somewhere
                // else to show that the styles aren't just inherited again
    .css(style); // apply cloned styles

但也许更简单的方法是在用户复制对象时添加类.copied-tag这样的类，然后当用户粘贴时，您可以找到.copied-tag类并应用任何样式想复制。

一个例子：

用户复制时：

$("#copied-object").addClass("copied-tag");

当用户粘贴时：

originalObject = $(".copied-tag").removeClass("copied-tag"); 
newObject      = $(originalObject)
                     .clone()
                     .css("text-shadow", $(originalObject).css("text-shadow"))
                     .css("color",       $(originalObject).css("color"));

$("#container").append(newObject);

Answer 2

仅当样式内联时才这样：

<p style="color:red">some text</p>

并将它们复制粘贴到读取html的内容中。

复制/粘贴后可以保留CSS样式吗？

2 个答案: