当前位置: 代码迷 >> 综合 >> UEditor 插入图片 自适应编辑框
  详细解决方案

UEditor 插入图片 自适应编辑框

热度:15   发布时间:2023-12-06 03:49:48.0

在目录
ueditor1_4_3\themes

找到 iframe.css 的样式文件

打开这个文件 就能看到有这一句:/可以在这里添加你自己的css/

然后添加一下样式代码:

img {
    max-width: 100%; /*图片自适应宽度*/
}body {
    overflow-y: scroll !important;
}.view {
    word-break: break-all;
}.vote_area {
    display: block;
}.vote_iframe {
    background-color: transparent;border: 0 none;height: 100%;
}/*去除点击图片后出现的拉伸边框*/
#edui1_imagescale {
    display: none !important;
}

效果如下图,上传的图片不会再超出编辑框范围
在这里插入图片描述

给个对比图看看;
在这里插入图片描述

  相关解决方案