让UEditor支持粘贴表格时，保留复制时的宽度。_ueditor粘贴表格

用户反馈，粘贴表格时，宽度不受控制，有时候会变得很宽很宽。

搜索me.addListener('afterpaste'找到粘贴表格的事件，修改其代码：

			me.addListener('afterpaste', function () {
                utils.each(domUtils.getElementsByTagName(me.body, "table"), function (table) {
                    if (table.offsetWidth > me.body.offsetWidth) {
                        debugger
                        if(table.style==undefined||table.style==""||table.style.width==undefined||table.style.width=="0px"){
                            if(table.width==undefined||table.width<=0){
                                var defaultValue = getDefaultValue(me, table);
                                table.style.width = me.body.offsetWidth - (needIEHack ? parseInt(domUtils.getComputedStyle(me.body, 'margin-left'), 10) * 2 : 0) - defaultValue.tableBorder * 2 - (me.options.offsetWidth || 0) + 'px'
                            }else{
                                table.style.width=table.width+"px";
                            }
                        }
                    }
                    let lastTd=table.lastChild.lastChild.lastChild;
                    lastTd.innerText=lastTd.innerText.replace(/&nbsp;/gi, "")
                    lastTd.innerText=lastTd.innerText.replace(/\s/g, "")
                })
            });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

搜索afterpaste找到调用afterpaste的function filter(div)函数，修改其代码：
1.添加表格样式宽度：

                if(div.firstChild.nodeName.toLowerCase()=="table"){
                    let width=div.firstChild.getAttribute("width");
                    if(width!=undefined&&width>0){
                        div.firstChild.setAttribute("style","width:"+width+"px;table-layout: fixed;");
                    }
                }
1
2
3
4
5
6

2.表格不调用beforepaste

3.修改后的filter函数完整代码如下：

        function filter(div) {
            var html;
            if (div.firstChild) {
                //去掉cut中添加的边界值
                var nodes = domUtils.getElementsByTagName(div, 'span');
                for (var i = 0, ni; ni = nodes[i++];) {
                    if (ni.id == '_baidu_cut_start' || ni.id == '_baidu_cut_end') {
                        domUtils.remove(ni);
                    }
                }
    
                if (browser.webkit) {
    
                    var brs = div.querySelectorAll('div br');
                    for (var i = 0, bi; bi = brs[i++];) {
                        var pN = bi.parentNode;
                        if (pN.tagName == 'DIV' && pN.childNodes.length == 1) {
                            pN.innerHTML = '<p><br/></p>';
                            domUtils.remove(pN);
                        }
                    }
                    var divs = div.querySelectorAll('#baidu_pastebin');
                    for (var i = 0, di; di = divs[i++];) {
                        var tmpP = me.document.createElement('p');
                        di.parentNode.insertBefore(tmpP, di);
                        while (di.firstChild) {
                            tmpP.appendChild(di.firstChild);
                        }
                        domUtils.remove(di);
                    }
    
                    var metas = div.querySelectorAll('meta');
                    for (var i = 0, ci; ci = metas[i++];) {
                        domUtils.remove(ci);
                    }
    
                    var brs = div.querySelectorAll('br');
                    for (i = 0; ci = brs[i++];) {
                        if (/^apple-/i.test(ci.className)) {
                            domUtils.remove(ci);
                        }
                    }
                }
                if (browser.gecko) {
                    var dirtyNodes = div.querySelectorAll('[_moz_dirty]');
                    for (i = 0; ci = dirtyNodes[i++];) {
                        ci.removeAttribute('_moz_dirty');
                    }
                }
                if (!browser.ie) {
                    var spans = div.querySelectorAll('span.Apple-style-span');
                    for (var i = 0, ci; ci = spans[i++];) {
                        domUtils.remove(ci, true);
                    }
                }
                if(div.firstChild.nodeName.toLowerCase()=="table"){
                    let width=div.firstChild.getAttribute("width");
                    if(width!=undefined&&width>0){
                        div.firstChild.setAttribute("style","width:"+width+"px;table-layout: fixed;");
                    }
                }
    
                //ie下使用innerHTML会产生多余的\r\n字符，也会产生&nbsp;这里过滤掉
                html = div.innerHTML;//.replace(/>(?:(\s|&nbsp;)*?)</g,'><');
    
                //过滤word粘贴过来的冗余属性
                html = UE.filterWord(html);
                //取消了忽略空白的第二个参数，粘贴过来的有些是有空白的，会被套上相关的标签
                var root = div.firstChild.nodeName.toLowerCase()!="table"?UE.htmlparser(html):UE.htmlparser(html,true);
                //如果给了过滤规则就先进行过滤
                if (me.options.filterRules) {
                    UE.filterNode(root, me.options.filterRules);
                }
                //执行默认的处理
                me.filterInputRule(root);
                //针对chrome的处理
                if (browser.webkit) {
                    var br = root.lastChild();
                    if (br && br.type == 'element' && br.tagName == 'br') {
                        root.removeChild(br)
                    }
                    utils.each(me.body.querySelectorAll('div'), function (node) {
                        if (domUtils.isEmptyBlock(node)) {
                            domUtils.remove(node,true)
                        }
                    })
                }
                html = {'html': root.toHtml()};
                if(div.firstChild.nodeName.toLowerCase()!="table"){
                    me.fireEvent('beforepaste', html, root);
                    //抢了默认的粘贴，那后边的内容就不执行了，比如表格粘贴
                    if(!html.html){
                         return;
                    }
                    root = UE.htmlparser(html.html,true);
                    //如果开启了纯文本模式
                    if (me.queryCommandState('pasteplain') === 1) {
                        me.execCommand('insertHtml', UE.filterNode(root, me.options.filterTxtRules).toHtml(), true);
                    } else {
                        //文本模式
                        UE.filterNode(root, me.options.filterTxtRules);
                        txtContent = root.toHtml();
                        //完全模式
                        htmlContent = html.html;
        
                        address = me.selection.getRange().createAddress(true);
                        me.execCommand('insertHtml', me.getOpt('retainOnlyLabelPasted') === true ?  getPureHtml(htmlContent) : htmlContent, true);
                    }
                    me.fireEvent("afterpaste", html);
                }else{
                    //如果开启了纯文本模式
                    if (me.queryCommandState('pasteplain') === 1) {
                        me.execCommand('insertHtml', UE.filterNode(root, me.options.filterTxtRules).toHtml(), true);
                    } else {
                        //文本模式
                        UE.filterNode(root, me.options.filterTxtRules);
                        txtContent = root.toHtml();
                        //完全模式
                        htmlContent = html.html;
        
                        address = me.selection.getRange().createAddress(true);
                        me.execCommand('insertHtml', me.getOpt('retainOnlyLabelPasted') === true ?  getPureHtml(htmlContent) : htmlContent, false);
                    }
                    me.fireEvent("afterpaste", html);
                }
            }
        }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127