码迷,mamicode.com
首页 > 其他好文 > 详细

div contenteditable='true'去除word粘贴的样式

时间:2020-04-17 23:58:58      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:text   board   prevent   efi   word   false   get   style   editable   

可编辑的div在粘贴从word复制过来的内容时,会带着格式,清楚格式的做法如下:
<div class=‘page3-emjoy5‘ contenteditable=‘true‘ style="width: 500px; height: 500px; background: #bbb" ></div>
/*word文本复制格式化*/
    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);
            }
        }
    }
    $(".page3-emjoy5").on("paste", function (e) {
        textInit(e)
    });

div contenteditable='true'去除word粘贴的样式

标签:text   board   prevent   efi   word   false   get   style   editable   

原文地址:https://www.cnblogs.com/hukeer/p/12722954.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!