一、先改变弹窗的高度 

1)、找到themes/default/css/ueditor.css文件,找到/*image-dialog*/和/*wordImage-dialog*/ 
2)、将其中的高度改为自己适合的高度,例如: 

/*image-dialog*/ 
.edui-default .edui-for-insertimage .edui-dialog-content { width: 250px; height: 290px; overflow: hidden;} 
/*wordImage-dialog*/ 
.edui-default .edui-for-wordimage .edui-dialog-content { width: 220px; height: 380px; overflow: hidden;} 

二、到插件弹出页面中,找到对应的CSS调整相关的高度 

1、批量插入图片的文件在:ueditor\dialogs\image\image.css下面,附件在:ueditor\dialogs\attachment\image.css 
2、以批量上传图片为例,具体有修改到的代码如下(主要分本地上传、在线管理、图片搜索):

.wrapper { height: 270px;}  

.tabbody { height: 236px;}  

.tabbody .panel.focus { height: 236px;}  

#upload .placeholder { height: 82px; padding-top: 100px; background: url(./images/image.png) center 20px no-repeat;}  

#online li .icon:hover { height: 107px;}  

#online li.selected .icon:hover { height: 107px;}

三、修改后效果

UEditor修改上传图片的弹出框适配移动端

UEditor修改上传图片的弹出框适配移动端

相关文章: