联系我们
软件销售
投诉邮箱

q@xunruicms.com

百度编辑器图片编辑框错位的修复方法谷歌等新版浏览器如使用百度
方案栏目:迅睿CMS 发布时间:2019-12-02 14:26:48

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


微信截图_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


解决方案列表
  • 2019-12-02 17:02:33

    收藏了

  • 2019-12-09 12:52:19

    收藏了,以前也遇到这样的问题。

  • 2019-12-10 23:41:10

    收藏了,问一下百度编辑器保存远程图片可以加水印吗?

  • 2019-12-11 19:32:47

    回复@唉呦喂 需要修改下系统文件

  • 2019-12-11 19:36:45

    加水印,好修改吗?

  • 2019-12-11 19:48:20

    回复@唉呦喂 参考下图片上传逻辑,应该不难

  • 2019-12-11 23:29:05

    回复@夏慧立 我发现官网水印图片上传的时候,透明度失效,设置了60%,不起作用