ueditor 圖片選區錯位問題,圖片無法正常縮放


當編輯框高度固定可內部滾動時,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;} /去除點擊圖片后出現的拉伸邊框/

原文:https://blog.csdn.net/qq_35405240/article/details/82786590


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM