百度编辑器固定高度后图片框定位不准

百度编辑器固定高度后图片框定位不准

固定高度属性:initialFrameHeight:400

定位不准截图:

 

 

 

修改方法一:修改ueditor.all.js文件中attachTo中的top;如图注释掉的是定位不准的,改成底下未注释的;

            attachTo: function (targetObj) {
                var me = this,
                    target = me.target = targetObj,
                    resizer = this.resizer,
                    imgPos = domUtils.getXY(target),
                    iframePos = domUtils.getXY(me.editor.iframe),
                    editorPos = domUtils.getXY(resizer.parentNode);
                
                domUtils.setStyles(resizer, {
                    'width': target.width + 'px',
                    'height': target.height + 'px',
                    'left': iframePos.x + imgPos.x - me.editor.document.body.scrollLeft - editorPos.x - parseInt(resizer.style.borderLeftWidth) + 'px',
                    //'top': iframePos.y + imgPos.y -  me.editor.document.body.scrollTop - editorPos.y - parseInt(resizer.style.borderTopWidth) + 'px'
                    'top': iframePos.y + imgPos.y -  me.editor.window.scrollY - editorPos.y - parseInt(resizer.style.borderTopWidth) + 'px'

                });
            }

 

修改方法二:

  1. 修改ueditor.config.js中自动长高属性autoHeightEnabled:true(默认就是true,没被注释掉的化不用改)有注释的去掉注释,缺少的加上。
  2. 自定义编辑器初始化属性时,加上固定高度和设置自动长高为false:initialFrameHeight:400,autoHeightEnabled:false。
  3. 修改修改ueditor.all.js文件中attachTo中的top;判断me.editor.options.autoHeightEnabled来控制定位。

  

            attachTo: function (targetObj) {
                var me = this,
                    target = me.target = targetObj,
                    resizer = this.resizer,
                    imgPos = domUtils.getXY(target),
                    iframePos = domUtils.getXY(me.editor.iframe),
                    editorPos = domUtils.getXY(resizer.parentNode);
                
                var eh = me.editor.options.autoHeightEnabled ? me.editor.document.body.scrollTop : me.editor.window.scrollY;
                domUtils.setStyles(resizer, {
                    'width': target.width + 'px',
                    'height': target.height + 'px',
                    'left': iframePos.x + imgPos.x - me.editor.document.body.scrollLeft - editorPos.x - parseInt(resizer.style.borderLeftWidth) + 'px',
                    'top': iframePos.y + imgPos.y - eh - editorPos.y - parseInt(resizer.style.borderTopWidth) + 'px'

                });
            }
            

 

 

 

imgPos.x
posted @ 2020-03-25 17:44  文争青  阅读(520)  评论(0编辑  收藏  举报