博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
百度富文本编辑器自动缩放上传的图片
阅读量:5097 次
发布时间:2019-06-13

本文共 656 字,大约阅读时间需要 2 分钟。

  在使用百度副文本编辑器的时候出现一个很苦恼的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%; }

最后的结果:

 

转载于:https://www.cnblogs.com/mrszhou/p/7533235.html

你可能感兴趣的文章
遍历Map对象
查看>>
计算剪贴板里仿制的代码行数
查看>>
MySQL索引背后的数据结构及算法原理
查看>>
#Leetcode# 209. Minimum Size Subarray Sum
查看>>
SDN第四次作业
查看>>
DM8168 DVRRDK软件框架研究
查看>>
django迁移数据库错误
查看>>
yii 跳转页面
查看>>
洛谷 1449——后缀表达式(线性数据结构)
查看>>
[最小割][Kruskal] Luogu P5039 最小生成树
查看>>
Data truncation: Out of range value for column 'Quality' at row 1
查看>>
Dirichlet分布深入理解
查看>>
(转)Android之发送短信的两种方式
查看>>
python第九天课程:遇到了金角大王
查看>>
字符串处理
查看>>
ECharts(Enterprise Charts 商业产品图表库)初识
查看>>
LeetCode Factorial Trailing Zeroes (阶乘后缀零)
查看>>
hdu 5402 Travelling Salesman Problem (技巧,未写完)
查看>>
[AIR] 获取U盘,打开U盘
查看>>
HtmlUnitDriver 网页内容动态抓取
查看>>