UE如何改变点击上传图片的弹出框的大小...

来源:互联网 发布:用友进销存软件 编辑:程序博客网 时间:2024/06/06 01:43
一、先改变弹窗的高度
1、找到themes/default/css/ueditor.css文件,找到/*image-dialog*/和/*wordImage-dialog*/
2、将其中的高度改为自己适合的高度,例如:
/*image-dialog*/
.edui-default .edui-for-insertimage .edui-dialog-content { width: 650px; height: 290px; overflow: hidden;}
/*wordImage-dialog*/
.edui-default .edui-for-wordimage .edui-dialog-content { width: 620px; 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;}
0 0
原创粉丝点击