quot html复制,javascript - Copy HTML to clipboard - Stack Overflow

最新推荐文章于 2024-02-11 22:48:02 发布

weixin_39551103

最新推荐文章于 2024-02-11 22:48:02 发布

阅读量167

点赞数

文章标签： quot html复制

本文探讨了在使用第三方库复制编程代码（如HTML和Python）到剪贴板时遇到的问题。当尝试复制包含HTML的字符串时，浏览器误将其视为HTML文档并尝试解析样式，导致错误。问题在于`data-clipboard-text`属性中的内容包含空白字符和换行符。解决方法可能包括正确编码HTML字符串或寻找能够处理HTML片段的库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

I use a simple third party library to copy something to clipboard.

The something is always some programming code. In these examples it is HTML and Python codes.

Copy (fail)

Copy (success)

In short: whatever is placed in data-clipboard-text attribute of a button, will be copied to the clipboard.

Please, press a Copy button in the example and insert into a text editor what there is in the clipboard.

Copy (fail) button copies the contents of its data-clipboard-text but it consists only of whitespace characters and line breaks.

Morever, when I run this at my localhost, I get this error after clicking the fail button:

Refused to apply style from 'http://localhost:8000/draft/linux/install-os-ubuntu/stylesheets/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

The reason seems that HTML is considered to be a real HTML. The browser looks for sources, fails and sends the error. But for my purpose this is just a string.