word中表格复制到在线编辑器字体重叠问题解决(javaeye也有此问题)

最新推荐文章于 2021-11-04 17:13:47 发布

songze86

最新推荐文章于 2021-11-04 17:13:47 发布

阅读量443

点赞数

分类专栏： javascript 文章标签： XML

javascript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个关于从Word文档导入richText编辑器时遇到的文字重叠问题，并详细记录了问题排查过程及解决方案，包括如何修改editor.js文件中的特定代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目中用了在线编辑器，类似javaeye发布文章的，出现字体重叠现象，(我们项目用的是richtxt),在网络上搜索了几十个在线编辑器，都出现下列问题（网易博客的在线编辑器不出现，但源码找不到）：

查询内容	信息查询界面		单位名称
工号 219 （ 114 号码百事通业务代表）	输入关键字	工号 219 （ 114 号码百事通业务代表）	广州市经宇文化发展有限公司

通过查看和比较word代码，发现样式表中有一个line-height属性影响了此问题，因为在项目中用的是richtxt，所以在editor.js中修改下面代码可以解决此问题，见红色部分：

if(pasteData && pasteData.length > 0) {
                    var wordPattern = /<\w[^>]* class="?MsoNormal"?/gi;
                    if(wordPattern.test(pasteData)) {
                        if(confirm("文章有多余代码，可能影响顺利发表，是否确认清除？\r\n\r\n提示：您的文字将完整保留。")) {
                            pasteData = clearFromWord(pasteData);
                        }
                        else {
                            pasteData = pasteData.replace(/<img+.[^>]*>/gi, "");
                            pasteData = pasteData.replace(/<\/?\w+:imagedata[^>]*>/gi, "");
                            pasteData = pasteData.replace(/<\/?\w+:shape[^>]*>/gi, "");

                            var reg=new RegExp("LINE-HEIGHT:[^s]*\;?","gi");
                            pasteData = pasteData.replace(reg, "");

                        }
                    }
                    var oRTE = _this.iframe.contentWindow;
                    var oRng = oRTE.document.selection.createRange();
                    oRng.pasteHTML(pasteData);
                }