wangeditor网络图片弹框太大
时间: 2023-11-25 21:50:39 浏览: 193
图片弹出放大jq
3星 · 编辑精心推荐
可以通过修改WangEditor的样式来调整网络图片弹框的大小。具体方法如下:
1.打开wangEditor.min.js文件,搜索w-e-panel-container样式。
2.删除这个样式的left:50%;属性,并添加margin-left:0px!important;max-width:90%;属性。
3.根据需要调整max-width的值,以达到合适的大小。
修改后的代码如下:
```css
.w-e-panel-container {
position: absolute;
top: 50%;
left: 0;
margin-top: -150px;
margin-left: 0px!important;
max-width: 90%;
z-index: 1000;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 1px 1px 5px rgba(0,0,0,.1);
border-radius: 5px;
overflow: hidden;
}
```
阅读全文