百度富文本编辑器UEditor 图片宽度100%自适应,手机端_富文件 手机端 自适应-程序员宅基地

技术标签: 富文本  vue  前端  

有些时候富文本编辑器的图片在手机端显示超出,没有自动100%
修改ueditor.all.js的23774行(左右,不一定)和24533(左右,不一定),不行就搜索
增加内容

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

23774行

		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');//图片高度auto
                    loader.removeAttribute('id');
                    domUtils.removeClasses(loader, 'loadingclass');
                }
            };

24533行

					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');//图片高度auto
                            loader.removeAttribute('id');
                            domUtils.removeClasses(loader, 'loadingclass');
                        } else {
    
                            showErrorLoader && showErrorLoader(json.state);
                        }
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_63608386/article/details/136717252

智能推荐

eclipse导出jar包的问题总结_无法导出.jar 权限不够-程序员宅基地

文章浏览阅读1.1k次。eclipse各种打包方式第一种解决方案Copy requeired libraries libraries into a sub-forder next to the generated JAR选用这个选项,eclipse生成的jar包1.把自己写应用打成一个jar包,如:test.jar2.创建一个文件夹与该jar包同名并在其后面加"_lib",如:test_lib3._无法导出.jar 权限不够

CMWAP和CMNET的区别-程序员宅基地

文章浏览阅读586次。 有的朋友可能遇到这样的尴尬,办了个手机上网套餐结果一查详单上网费高的惊人。实际上就移动包月套餐来说一般指的是CMWAP方式的流量。我查询了些资料写一下两者的区别。 如果你对该部分没有任何兴趣,你可以这样理解:用普通手机(非智能手机,支持GPRS)上网就是CMWAP;用智能手机/手机连接电脑/移动专用双模网卡上网即CMNET/WLAN方式1.WAP GPRS WLAN CSDWAP(Wir_cmwap和cmnet的区别

Pixhawk_Ardupilot编译环境_Ubuntu_ubuntu20.04 pixhawk ardupilot 编译环境-程序员宅基地

文章浏览阅读4.3k次。Pixhawk_Ardupilot编译环境_Ubuntu本文是官网站的翻译!QQ:4862879Ubuntu的安装这里不讲,不会的自己去网上找吧!提前准备:经常出错的地方是运行安装脚本 这块,主要是 gcc-arm cross-compiler下载速度较慢,gcc-arm cross-compiler 点击下载可以提前下载好后先安装:tar _ubuntu20.04 pixhawk ardupilot 编译环境

关于最近抖音上很火的,给女友的相册的源代码_女友相册源码-程序员宅基地

文章浏览阅读3.1k次,点赞5次,收藏9次。关于最近抖音上很火的,给女友的相册的源代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <audio autoplay="autoplay" controls="controls" loop="loop" preload="auto" src="改为你自己的音乐文件名"> 你的浏览器版本太低,不支持audio标签 <_女友相册源码

高科技:人工智能视频换脸,朱茵变杨幂,毫无违和感-程序员宅基地

文章浏览阅读7.8k次,点赞4次,收藏6次。近日,一条名为“将朱茵的黄蓉换成杨幂的脸”的话题在网上引起了很大的讨论。很多人不解什么叫把朱茵的黄蓉要换成杨幂?难道杨幂要怕《射雕英雄传》了?并没有!原来,有网友在利用现在先进的AI技术...

.vm模板文件各种判断为null或者“null”或者“”总结_vm 判断是否为空-程序员宅基地

文章浏览阅读9.9k次。一、彩种(lottery_type)对应的json文件a) 情况:如果彩种(lottery_type)对应的json文件存在/不存在, i. 判断方式及结果:#if($lottery_type_10) 有开奖结果#end#if(!$lottery_type_10) 无开奖结果#end 二、彩期<_vm 判断是否为空

随便推点

将pycharm打印出来的东西保存到txt_pycharm 如何下载打印的数据-程序员宅基地

文章浏览阅读2.7k次。因为特殊需要需要把打印的东西保存下来,因此记笔记:# 创建一个txt文件,文件名为save_result.txtdef text_create(name): # 此处是服务器地址,可以改为本地 desktop_path = "/home/xxx/GraphNN/" # 新创建的txt文件的存放路径 full_path = desktop_path + name + '.txt' # 也可以创建一个.doc的word文档 file = open(full_path_pycharm 如何下载打印的数据

新思科技调查:提升软件质量与安全性是开发人员的首要关注点_员工对软件质量的改进和对项目稳定性、安全性的重要贡献-程序员宅基地

文章浏览阅读347次。在软件开发过程中,软件质量管理、程序的正常运营以及应用程序的安全性等都需要专门的检测。在部分企业,这些工作由软件测试工程师来完成。不过目前在中国软件测试工程师的人才缺口仍然比较大。根据美国新思科技公司最新的一份调查,软件的质量与安全是开发人员最关注的两个指标。此外,缺乏熟练的专业人才和培训是全面实施软件安全计划(SSI)的最大挑战。近日,在TiD2018质量竞争力大会上,新思科技软件..._员工对软件质量的改进和对项目稳定性、安全性的重要贡献

【数据结构】单链表的相关操作--创建-插入-删除-查找_单链表插入结点失败-程序员宅基地

文章浏览阅读1.4k次,点赞3次,收藏5次。文章目录单链表的相关操作单链表的创建单链表的插入按位序插入指定结点的后插操作指定结点的前插操作单链表的删除按位序删除指定结点的删除单链表的查找按位查找按值查找单链表的相关操作单链表的创建关于带头结点与不带头结点,不带头结点表示指针指向的第一个结点就是要存放数据的结点,而带头结点表示指针指向的第一个结点内数据域不存任何数据,其指向的下一个结点才是存放数据的第一个结点。两者看似无区别,实际上区别很大:/*不带头结点*/typedef struct LNode { //定义单链表结点类型 Ele_单链表插入结点失败

大数据可视化大屏实战项目(3)图书销售展示全国地图可视化---HTML+CSS+JS【源码在文末】(可用于比赛项目或者作业参考中)_基于html+css+js的数据可视化大屏看板源码-程序员宅基地

文章浏览阅读470次,点赞2次,收藏4次。大数据可视化大屏实战项目(3)图书销售展示全国地图可视化---HTML+CSS+JS【源码在文末】(可用于比赛项目或者作业参考中)_基于html+css+js的数据可视化大屏看板源码

【JavaWeb】计算机网络协议_arp snmp java-程序员宅基地

文章浏览阅读170次。【学习记录】在Java后端路线中JavaWeb的“网络原理部分”。很多地方目前尚不能精细,还需后续打磨推敲和深挖....._arp snmp java

最新Linux CSI Tools安装教程(两台主机,一发一收)(监控模式)_配置csitool monitor模式操作-程序员宅基地

文章浏览阅读408次,点赞2次,收藏2次。无线感知之CSI Tools工具安装,最新在监控模式下采集CSI数据,_配置csitool monitor模式操作

推荐文章

热门文章

相关标签