当前位置: 首页 > news >正文

百度富文本上传图片后样式崩塌

 🔥博客主页: 破浪前进
🔖系列专栏: Vue、React、PHP
❤️感谢大家点赞👍收藏⭐评论✍️


在这里插入图片描述

问题描述:上传图片后,图片会变得很大,当点击的时候更是会顶开整个的容器的高跟宽

原因:百度富文本为了呈现给用户良好的使用导致没有写死宽高,本地多大上传后就是多大

解决方法:在同时修改两个文件分别在

loader.setAttribute('width','100%');//图片宽度100%
loader.setAttribute('height','auto');//图片高度auto

23774行(不一定)和24533(不一定),不行就搜索

		loadingHtml = '<img class="loadingclass" id="' + loadingId + '" src="' +me.options.themePath + me.options.theme +'/images/spacer.gif" title="' + (me.getLang('autoupload.loading') || '') + '" >';successHandler = function(data) {var link = urlPrefix + data.url,loader = me.document.getElementById(loadingId);if (loader) {loader.setAttribute('src', link);loader.setAttribute('_src', link);loader.setAttribute('title', data.title || '');loader.setAttribute('alt', data.original || '');loader.setAttribute('width','100%');//图片宽度100%loader.setAttribute('height','auto');//图片高度autoloader.removeAttribute('id');domUtils.removeClasses(loader, 'loadingclass');}};
					if(json.state == 'SUCCESS' && json.url) {loader = me.document.getElementById(loadingId);loader.setAttribute('src', link);loader.setAttribute('_src', link);loader.setAttribute('title', json.title || '');loader.setAttribute('alt', json.original || '');loader.setAttribute('width','100%');//图片宽度100%loader.setAttribute('height','auto');//图片高度autoloader.removeAttribute('id');domUtils.removeClasses(loader, 'loadingclass');} else {showErrorLoader && showErrorLoader(json.state);}

http://www.lryc.cn/news/212425.html

相关文章:

  • autoware.ai中检测模块lidar_detector caffe
  • CentOS安装Ruby环境
  • 力扣第509题 斐波那契数 新手动态规划(推荐参考) c++
  • canvas绘制签名并保存
  • Android渲染流程
  • 牛客-【237题】算法基础精选题单-第二章 递归、分治
  • leetcode-字符串
  • 多线程---synchronized特性+原理
  • Qt实现卡牌对对碰游戏
  • 【3D 图像分割】基于 Pytorch 的 VNet 3D 图像分割7(数据预处理)
  • 极米科技H6 Pro 4K、H6 4K高亮定焦版——开启家用投影4K普及时代
  • 软考系统架构师知识点集锦九:数据库系统
  • IOC课程整理-6 Spring IoC 依赖注入
  • FANUC机器人PRIO-621和PRIO-622设备和控制器没有运行故障处理
  • 《动手深度学习》线性回归简洁实现实例
  • 国家数据局正式揭牌,数据专业融合型人才迎来发展良机
  • 基于springboot实现休闲娱乐代理售票平台系统项目【项目源码+论文说明】
  • 3.AUTOSAR OS分析(一)
  • AB试验(七)利用Python模拟A/B试验
  • Go语言入门-流程控制语句
  • 深入探究ASEMI肖特基二极管MBR60100PT的材质
  • python类模拟“对战游戏”
  • Maven第二章:Maven基本概念与生命周期
  • <蓝桥杯软件赛>零基础备赛20周--第3周--填空题
  • 【Linux】VM及WindowsServer安装
  • 【实用教程】MySQL内置函数
  • 第十二节——ref
  • 少儿编程 2023年9月中国电子学会图形化编程等级考试Scratch编程四级真题解析(判断题)
  • 【设计模式三原则】
  • 600MW发电机组继电保护自动装置的整定计算及仿真