分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

百度副文本编辑器自动缩放上传的图片

发布时间:2023-09-06 01:11责任编辑:傅花花关键词:暂无标签

  在使用百度副文本编辑器的时候出现一个很苦恼的bug:

上图:

就是图片太大,超出了评论框,这其中css和html写的不大合理有关外,还有副文本编辑器没有做处理:

处理方法:

1.来到副文本编辑器的themes文件夹内:

2.修改iframe.css文件

3.在该文件里面编辑以下代码:

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;} /*去除点击图片后出现的拉伸边框*/

4.编辑器理想的结果

 当然这只是编辑器的图片缩放功能设置好了,页面的css样式还没有改写好!!!

5,改写css样式!

在显示界面的内容区的css加上这一个万金油代码:

原理:让内容区的小图大小不变,大图就随着内容盒子的大小改变

div.content img{ ?max-width: 100%; ?????}

最后的结果:

百度副文本编辑器自动缩放上传的图片

原文地址:http://www.cnblogs.com/mrszhou/p/7533235.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved