以contenteditable属性作为输入显示html内容
以contenteditable属性作为输入显示html内容
提问于 2011-07-04 20:52:23
可以使用contenteditable属性作为html编辑器吗？例如，将Youtube可嵌入代码粘贴到具有contenteditable属性的div中，以便能够立即观看视频。
<div class="editable" contenteditable="true">
Text or html here…
</div>也许还有其他建议，如何在不刷新页面的情况下做到这一点？
回答 1
Stack Overflow用户
发布于 2011-07-05 01:29:04
试试这个：
基本上，只是创建了一个应用按钮，当单击该按钮时，会将html从可编辑的div复制到不同的所有者div。技巧是您需要对html进行解码，因为内容可编辑div对html标记进行编码。
function htmlDecode(input){
var e = document.createElement('div');
e.innerHTML = input;
return e.childNodes[0].nodeValue;
}
$("#apply").click(function(){
$("#holder").html(htmlDecode($("#editable").html()));
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="editable" contenteditable="true">
Text or html here…
</div>
<button id="apply">apply</button>
<div id="holder"></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6571775
复制相关文章
相似问题