在我们操作富文本的内容是,标签是div,设置可编辑的状态,我们需要取粘贴的纯文本内容,那我们怎么处理?别怕,一起整起来
<div class='paste_content' contenteditable=='true'></div>
$(".paste_content").on("paste", function (event) {
textPaste(event)
});
function textPaste(event) {
event.preventDefault();
var text;
var clp = (event.originalEvent || event).clipboardData;
// 兼容针对于opera ie等浏览器
if (clp === undefined || clp === null) {
text = window.clipboardData.getData("text") || "";
if (text !== "") {
if (window.getSelection) {
// 针对于ie11 10 9 safari
var newNode = document.createElement("span");
newNode.innerHTML = text;
window.getSelection().getRangeAt(0).insertNode(newNode);
} else {
// 兼容ie10 9 8 7 6 5
document.selection.createRange().pasteHTML(text);
}
}
} else {
// 兼容chorme或hotfire
text = clp.getData('text/plain') || "";
if (text !== "") {
document.execCommand('insertText', false, text);
}
}
}
下次弄一个章节分析window.getSelection()