业务经理

微信扫描以上二维码

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
    学习了,点个赞。 👍

迅睿系统漏洞

外贸多语言建站
外贸多语言建站(2026-10-30)
修正对百度编辑器提取支持
AI文章生成器
AI文章生成器(2026-10-29)
任务插图设置数量
Bing站长数据
Bing站长数据(2026-10-29)
根据BING接口调整菜单 各个页面数据支持点击查看详情
按字段付费
按字段付费(2026-10-29)
按字段付费用于模块的字段设置一定的价格,当用户购买了此内容的字段时才...
泛解析站群系统
泛解析站群系统(2026-10-29)
AI队列增加清空按钮 表单提示语收敛 目录模式不接管主域名模板
账号注销
账号注销(2026-10-29)
用于用户中心的注销账号申请,后台审核通过后注销此账号。后台统一管理注...
邮件群发
邮件群发(2026-10-28)
修改模板的命名
自定义收款/捐款
自定义收款/捐款(2026-10-28)
自定义收款或捐款插件可以让用户快速创建付款或者捐款功能
CMS内容批量修改
CMS内容批量修改(2026-10-28)
后台批量修改文章内容的指定字段在插件后台可以任意指定字段
全站模块搜索
全站模块搜索(2026-10-28)
实现全模块一次性搜索内容,一键搜索全站内容精准搜索全部模块: