解释剪贴板中的html代码并将其粘贴到html视图格式
我有一些html代码，例如，
<代码>
我想将代码复制并粘贴到富文本格式，这样可以将html代码解析为真正的DOM。
我知道有js clipBoardData、zeroClipBoard、clipBoard polyfill，但它们都存在兼容性问题。我想写一个，它可以适用于大多数浏览器，我如何才能做到这一点？有什么想法吗？
在我看来，每个浏览器都可以解析html代码，而我复制的东西也是用html写的，当我把它粘贴到某个地方，比如某个网站的文本区域时，浏览器可以解释并显示这些东西。但如何做到这一点呢？提前感谢！
共有3个答案
检查HTML片段是否对Javascript有效-基于此，我会“验证”HTML，但我不知道这是否对您有必要，如果您希望或不希望只有正确的输出（即使您粘贴的HTML字符串不是100%正确）。如果您只希望输出正确，那么Devan的答案是最简单的
function tidy(html) {
var d = document.createElement('div');
d.innerHTML = html;
return d.innerHTML;
}
function print(){
//get input from textbox
var htmlInputValue = document.getElementById("htmlInput").value;
// "validate" as html
var result = tidy(htmlInputValue);
//print it
document.getElementById("result").innerHTML = result;
}
var myInput = document.getElementById("htmlInput");
myInput.addEventListener("input", print, false);#result {
font-size: 40px;
font-weight: bold
}<html>
<body>
<label for="input">Enter your html here </label>
<input class="myInput" id="htmlInput" value="">
<p id="result"/>
</body>
</html>
您必须使用一个富文本编辑器。在这里您可以看到最高级的富文本编辑器。
clipboard.setData('text/plain', selection.getText());
clipboard.setData('application/officeObj’, selection.serialize());
clipboard.setData('image/bmp', draw(selection));
clipboard.setData('text/html', '<div><span style="background:yellowgreen">name:</span><span>Rose</span></div>');
这是javascript代码，可以帮助您复制一些类型为的文本，例如<代码>文本/纯文本，<代码>文本/html等。您需要<代码>文本/html
您的问题是，此代码是否在所有浏览器中都兼容？正当正如我在这里看到的，这种剪贴簿在现代浏览器中是兼容的。
祝你好运。如果我的回答对你有帮助，请将其评为有帮助
只需将所需元素的内部HTML设置为文本区域的值即可。
至于有一个漂亮的文本编辑器在浏览器中执行此操作。看看https://github.com/Microsoft/monaco-editor.
js prettyprint-override">const buttonElement = document.getElementById("submit");
const inputElement = document.getElementById("input");
const outputElement = document.getElementById("output");
buttonElement.onclick = function() {
output.innerHTML = inputElement.value;
};
buttonElement.click();
#output {
border: 1px solid black;
}<textarea id="input"><h1>test</h1></textarea>
<button id="submit">submit</button>
<div id="output">
</div>-
我想从URL中复制image/gif而不下载它，例如，我想将此gif复制到剪贴板https://media.gify.com/media/l49jl8rj2voexlmm0/giphy.gif并将此gif粘贴到此站点https://paste.pics/ 我试了所有的办法，但都没用。 代码试用：复制到剪贴板： 粘贴1 粘贴2 所以我不知道该怎么做，请协助
-
问题是，从vim到剪贴板的复制/粘贴停止工作。我不知道为什么。。。 在中，我也没有看到和缓冲区... 这是我的。vimrc，如果需要的话。 有什么建议吗？ 谢谢
-
问题内容： 我正在寻找一个如何将文本复制到iOS剪贴板的干净示例，然后可以在其他应用程序中使用/粘贴该文本。 此功能的优点是可以快速复制文本，而无需传统文本复制的标准文本突出显示功能。 我假设键类在其中，但是在它们提供的代码示例中找不到相关的区域。 问题答案： 如果您只需要纯文本，则可以使用属性。它既可读又可写： （从剪贴板中 读取数据时 ，UIPasteboard文档还建议您首先检查一下，“以避
-
我可以使vim粘贴从和到系统的剪贴板？
-
问题内容： 首先，关于SO将图像复制到python中的剪贴板的问题导致答案用PIL和win32clipboard将图像写入python中的Windows剪贴板？，这仅对Python 2.x有用。-我尝试过，但是没有用。我克服了一个问题：Python 3.0中没有StringIO和cStringIO模块 ，但是碰到了另一个： 因此，对于Python 3再次提出相同的问题-如何在Python 3中将图
-
问题内容： 有没有一种方法可以使用JavaScript禁用将文本粘贴到HTML表单上的文本字段的功能？ 例如，我有一个简单的注册表格，要求用户输入两次电子邮件。第二个电子邮件条目是为了验证第一个电子邮件条目中没有错别字。但是，如果用户复制/粘贴他们的电子邮件，那么这将无法达到目的，并且我一直在遇到用户的问题，因为他们输入了错误的电子邮件并复制/粘贴了它。 也许我不清楚我的问题，但我并不想阻止人们在