百度编辑器固定高度后图片框定位不准
固定高度属性: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 + target.y - me.editor.document.body.scrollTop - editorPos.y - parseInt(resizer.style.borderTopWidth) + 'px' }); }
修改方法二:
- 修改ueditor.config.js中自动长高属性autoHeightEnabled:true(默认就是true,没被注释掉的化不用改)有注释的去掉注释,缺少的加上。
- 自定义编辑器初始化属性时,加上固定高度和设置自动长高为false:initialFrameHeight:400,autoHeightEnabled:false。
- 修改修改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 th = me.editor.options.autoHeightEnabled ? imgPos.y: target.y; 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 + th - me.editor.document.body.scrollTop - editorPos.y - parseInt(resizer.style.borderTopWidth) + 'px' }); }
来源:https://www.cnblogs.com/tong2018/p/12567662.html