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


    可编辑的div在粘贴从word复制过来的内容时,会带着格式,清楚格式的做法如下:
    <div class='page3-emjoy5' contenteditable='true' style=" 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)
        });
    
  • 相关阅读:
    Xpath 和Css Selector使用
    JS 基础
    python中requests.session的妙用
    HTML基础之DOM
    吃着火锅唱着歌学会Docker
    SAAS方法论
    Python操作MySQL
    Flask中session实现原理
    人的成长永远不会大于自己的思想
    Serializers 序列化组件
  • 原文地址:https://www.cnblogs.com/hukeer/p/12722954.html
Copyright © 2020-2023  润新知