最近在使用jquery的一个json views插件jquery.json-viewer,该插件可以可视化展示json数据,也能够可视化编辑json数据。使用过程中遇到了一点小的问题:将一段json内容粘贴进去后,会带有格式,如下图
解决方法:
<pre id="json-display"></pre>
$("#json-display").on("paste", function (e) {
textInit(e)
});
function textInit(e) {
e.preventDefault();
var text;
var clp = (e.originalEvent || e).clipboardData;
if (clp === undefined || clp === null) {
text = window.clipboardData.getData("text") || "";
if (text !== "") {
if (window.getSelection) {
var newNode = document.createElement("span");
newNode.innerHTML = text;
window.getSelection().getRangeAt(0).insertNode(newNode);
} else {
document.selection.createRange().pasteHTML(text);
}
}
} else {
text = clp.getData('text/plain') || "";
if (text !== "") {
document.execCommand('insertText', false, text);
}
}
}