當編輯框高度固定可內部滾動時，ueditor插入圖片調節框顯示bug

在使用百度euditor的編輯器時，我們常常需要讓用戶對插入的圖片進行拉伸修改大小。當euditor的編輯框不隨內容的增加而調節高度時，實現的是編輯框內部滾動時，就會出現以下bug，如圖：
出現的藍色調節尺寸的框與圖片的位置相差比較多，當內容比較多是，下面的圖片調節框在全屏下基本看不到，如下圖的小兵調節框

這個高度調節可以通過修改ueditor.all.js的代碼來實現調節框位置與圖片位置一致。如下
原代碼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’；
實現之后調節框與圖片位置就一致了。如圖：

當然，如果你不需要讓用戶添加圖片大小可以直接在css文件里設置
#edui1_imagescale{display:none !important;} /去除點擊圖片后出現的拉伸邊框/

本人第一次寫博客，希望對你有幫助！

總結

以上是生活随笔為你收集整理的ueditor插入图片调节框显示bug的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。