複製/粘貼時，您可以使CSS樣式保持不變嗎？

Question

是否有可能讓用戶在用戶將剪貼板上的東西複製/粘貼時，它的CSS樣式仍然存在？

Answer 1

如果你在談論HTML對象，那麼你可以使用這個腳本提到here。

該腳本複製HTML標籤的所有樣式並存儲它們，以便稍後使用它們。

因此，在您的情況下，當您以某種方式檢測到copy event時，可以存儲原始對象的樣式屬性，並且當用戶粘貼時，可以應用存儲的樣式。

腳本的原始usege：

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> 

他們複製粘貼我t轉換爲讀取html的內容。