业务经理

微信扫描以上二维码

028-61286886

技术咨询

百度编辑器图片编辑框错位的修复方法

迅睿框架 更新 2021-11-13 02:39:50 张还

百度编辑器图片编辑框错位的修复方法


微信截图_20191202141008.png

微信截图_20191202141026.png




谷歌等新版浏览器,如使用百度编辑器编辑图片,出现编辑器错位的问题,大家可以作如下修改:


修改api\ueditor\ueditor.all.js或api\ueditor\ueditor.all.min.js(视后台编辑器引入文件进行修改)


查找:attachTo: function (targetObj) {}函数


并使用以下代码替换:

attachTo: function(a) {
                var b = this,
                c = b.target = a,
                d = this.resizer,
                e = domUtils.getXY(c),
                f = domUtils.getXY(b.editor.iframe),
                g = domUtils.getXY(d.parentNode),
                h = b.editor.document;
                domUtils.setStyles(d, {
                    width: c.width + "px",
                    height: c.height + "px",
                    left: f.x + e.x - (h.documentElement.scrollLeft || h.body.scrollLeft || 0) - g.x - parseInt(d.style.borderLeftWidth) + "px",
                    top: f.y + e.y - (h.documentElement.scrollTop || h.body.scrollTop || 0) - g.y - parseInt(d.style.borderTopWidth) + "px"
                })
            }

未修改前源代码:

image.png


修改后:

image.png


方案

  • 迅睿粉丝 #1 · 2019-12-02 17:02:33
    收藏了
  • 125762285 #2 · 2019-12-09 12:52:19
    收藏了,以前也遇到这样的问题。
  • 唉呦喂 #3 · 2019-12-10 23:41:10
    收藏了,问一下百度编辑器保存远程图片可以加水印吗?
  • 张还 #4 · 2019-12-11 19:32:47
    唉呦喂 需要修改下系统文件
  • 唉呦喂 #5 · 2019-12-11 19:36:45
    加水印,好修改吗?
  • 夏慧立 #6 · 2019-12-11 19:48:20
    唉呦喂 参考下图片上传逻辑,应该不难
  • 唉呦喂 #7 · 2019-12-11 23:29:05
    夏慧立 我发现官网水印图片上传的时候,透明度失效,设置了60%,不起作用
  • 贰壹网络 #8 · 2021-11-13 02:39:50
    学习了,点个赞。 👍

迅睿系统漏洞

GEO系统
GEO系统(2026-09-15)
运营客户端,防止误触阴影处关闭对话框
独立站群系统
独立站群系统(2026-09-14)
子站独立部署时修复同步附件失败问题
在线客服
在线客服(2026-09-13)
修复删除会话报错问题 删除会话时联动删除聊天图片
在线考试竞赛系统
在线考试竞赛系统(2026-09-12)
增加投票功能 考试功能拓展 注意:更新后需要执行系统更新,更新数...
网上信箱
网上信箱(2026-09-12)
修复新版本兼容问题
GeoSeo收录宝
GeoSeo收录宝(2026-09-12)
1 优化Update.php文件,解决版本在线升级不完整问题 2 ...
GeoSeo工具箱
GeoSeo工具箱(2026-09-11)
修正历史记录推送
微信系统
微信系统(2026-09-11)
增加数据统计总览界面 账号管理增加服务和公众号的区别 菜单管理支持更...
答题系统
答题系统(2026-09-11)
一站式在线答题系统,支持真题考试、题库练习和错题本,适合培训、考证、...
阿里云滑动验证码
阿里云滑动验证码(2026-09-10)
采用阿里云验证码替换迅睿系统自带的图片验证码和滑动验证码。后台设置方...