copy-paste 相关问题

我有一个 JS 函数，可以使用一些示例 HTML 代码动态填充 id="code-output" 的 div 的内部 HTML：函数输出代码() { var style = "#main-containe... 我有一个 JS 函数，可以使用一些示例 HTML 代码动态填充 id="code-output" 的 div 的内部 HTML： function outputCode() { var style = "#main-container {width: 100%;}" var body = "&ltdiv id='main-container'&gt" + "&ltdiv id='header'&gt" + "&lth1&gtThis is a header 1&lt/h1&gt" + "&lt/div&gt" + "&lt/div&gt" code = "&lt!DOCTYPE html&gt" + "&lthtml&gt" + "&lthead&gt" + "&ltmeta charset='utf-8'&gt" + "&ltmeta name='viewport' content='width=device-width, initial-scale=1'&gt" + "&lttitle&gtMy HTML Theme&lt/title&gt" + "&ltstyle&gt" + "<div class='code'>" + style + "</div>" + "&lt/style&gt" + "&lt/head&gt" + "&ltbody&gt" + "<div class='code'>" + body + "</div>" + "&lt/body&gt" + "&lt/html&gt" outputBlock = document.getElementById("code-output"); outputBlock.innerHTML = code; } 目前一切都是静态的，但我计划动态定义样式和主体。一切工作正常，示例 HTML 代码按预期填充到 div 中。但是，我想添加一个按钮来将示例 HTML 代码复制到剪贴板。我有一个函数可以做到这一点： function copyHtml() { var copyText = document.getElementById("code-output").innerHTML; navigator.clipboard.writeText(copyText); document.getElementById("copied-message").innerHTML = "Copied"; } 这会复制所有代码，但问题是它使用 HTML 速记进行复制，而我需要它使用常规标签进行复制（例如 <html></html>，而不是 <html> </html>）。请告诉我是否有任何方法可以复制没有速记的文本？我已经尝试过上述功能，例如，它最终复制为 <html> 而不是 <html>。问题是您试图在应该分配 HTML 节点的地方分配一个字符串。 “innerText”就是您要找的。 document.getElementById("copied-message").innerText = "Copied"; innerHTML 需要 DOM 中已存在的元素的实例。您可以通过克隆 DOM 中已有的元素并将innerHTMl 值设置为该元素的副本来测试这一点。您可能想使用 HTMLElement.innerText，但我将您链接到 HTMLElement.textContent 的 MDN 文档，因为它讨论了两者之间的一些细微差别。函数copyHtml() { var copyText = document.getElementById("代码输出").innerHTML; // Create a temporary textarea element var textarea = document.createElement("textarea"); // Set its value to the text you want to copy, with regular tags textarea.value = copyText.replace(/</g, "<").replace(/>/g, ">"); // Append the textarea to the document document.body.appendChild(textarea); // Select the text and copy it to the clipboard textarea.select(); document.execCommand("copy"); // Remove the temporary textarea document.body.removeChild(textarea); document.getElementById("copied-message").innerHTML = "Copied"; } 您可以使用此库更轻松地执行此类操作CopyShareify

javascript html copy-paste

回答 4 投票 0

剪贴板复制和粘贴在 VMWare Player 12 中不起作用

我可以在 Virtuelle Maschine (Windows 7) 和本地 Windows 7 之间复制和粘贴文本和文件。但我无法复制剪贴板中的内容 - 例如在两个显示器之间复制相同的程序（在

windows-7 virtual-machine clipboard copy-paste vmware-player

回答 3 投票 0

通过 VBA 使用条件将 Excel 单元格数据从一列移动到另一列

我在 B 列中有文本。我使用的条件是，如果 B 列中的文本是“TEST”，那么我将 E 列和 F 列中的现有数据分别移动到 M 列和 N 列，并清除 .. .

excel vba if-statement copy-paste

回答 1 投票 0

copy-paste 相关问题

最新问题