优化百度编辑器

去掉自动加nowrap

找到文件ueditor.all.js 文件，修改里面的内容，把white-space:nowrap删掉,为避免出错，我对原始的代码进行了注释。

我的网站系统路径/core/extend/ueditor

1
2
3
pastebin.style.cssText = "position:absolute;width:1px;height:1px;overflow:hidden;left:-1000px;top:"+
//pastebin.style.cssText = "position:absolute;width:1px;height:1px;overflow:hidden;left:-1000px;white-space:nowrap;top:" +
//要在现在光标平行的位置加入，否则会出现跳动的问题

去掉自动加word-break:break-all

找到ueditor.all.js搜索 me.addListener(‘keydown’, function ()

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var timer;
        me.addListener('keydown', function () {
            clearTimeout(timer);
            timer = setTimeout(function () {
                var rng = me.selection.getRange(),
                    cell = domUtils.findParentByTagName(rng.startContainer, ['th', 'td'], true);
                if (cell) {
                    var table = cell.parentNode.parentNode.parentNode;
                    if (table.offsetWidth > table.getAttribute("width")) {
                        //注释这里，表格td不自动添加换行功能。
						//cell.style.wordBreak = "break-all";
                    }
                }
 
            }, 100);
        });

修改完ueditor.all.js文件后，需要压缩一下变成ueditor.all.min.js。因为编辑器引用的是ueditor.all.min.js，所以修改完ueditor.all.js再压缩一下，替换ueditor.all.min.js

这里需要安装一下node.js然后安装

1
npm install uglify-js

image-20241101165802209

1
uglifyjs ueditor.all.js -m -o ueditor.all.min.js

这里通常情况下会报错

image-20241101165919931

是因为刚才安装的uglifyjs不是全局

你可以再去安装一个全局的uglifyjs

1
npm install -g uglify-js

或者在这个文件夹下直接运行这个安装文件夹命令局部运行它

1
npx uglifyjs ueditor.all.js -m -o ueditor.all.min.js

image-20241101170243914

image-20241101170301669