當編輯框高度固定可內部滾動時,ueditor插入圖片調節框顯示bugcss
在使用百度euditor的編輯器時,咱們經常須要讓用戶對插入的圖片進行拉伸修改大小。當euditor的編輯框不隨內容的增長而調節高度時,實現的是編輯框內部滾動時,就會出現如下bug,如圖:
出現的藍色調節尺寸的框與圖片的位置相差比較多,當內容比較可能是,下面的圖片調節框在全屏下基本看不到,以下圖的小兵調節框編輯器
這個高度調節能夠經過修改ueditor.all.js的代碼來實現調節框位置與圖片位置一致。以下ui
原代碼17097行:‘top’: iframePos.y + imgPos.y - me.editor.document.body.scrollTop - editorPos.y - parseInt(resizer.style.borderTopWidth) + ‘px’;
修改成:‘top’: iframePos.y + imgPos.y - me.editor.document.documentElement.scrollTop - editorPos.y - parseInt(resizer.style.borderTopWidth) + ‘px’;
實現以後調節框與圖片位置就一致了。如圖:.net
固然,若是你不須要讓用戶添加圖片大小能夠直接在css文件裏設置
#edui1_imagescale{display:none !important;} /去除點擊圖片後出現的拉伸邊框/
原文:https://blog.csdn.net/qq_35405240/article/details/82786590
blog