百度ueditor图片自适应编辑器宽度

xiaosanlang1

已于 2022-04-15 15:58:50 修改

阅读量1k

点赞数

于 2022-04-15 15:57:23 首次发布

本文链接：https://blog.csdn.net/xiaosanlang1/article/details/124196633

版权

ueditor 图片显示滚动条自适应宽度编辑器样式

关键词由CSDN通过智能技术生成

上传图片过大时会在编辑器是显示滚动条，图片显示不全，想要显示全的话就要拖动图片外边框线缩小，既麻烦也不美观，怎么样才能直接显示为100%宽度的图片呢？比如这样

初始准备：

找到这个文件：\ueditor\themes\iframe.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;  /* 去掉点击图片后出现的拉伸边框 */
}

保存后找到：ueditor/config.js 这个文件，把里面的 ,iframeCssUrl: URL + ‘/themes/iframe.css’ 的注释去掉，保存；最后清理一下浏览器的缓存就可以使用了

每天进步一点点，希望大家一起努力！