html代码里面换图片不显示不出来了,微擎 Ueditor 百度编辑器 替换图片不显示问题...

问题:

最近在使用微擎添加公众号平台文章时,上传图片可以显示,但是点击 html(编辑器的按钮,可以显示html代码) 时出现图片不显示问题。

我是用的135编辑器挑选的图文模板,我替换完模板中的图片后,图片的链接失效,图片不显示。

原因:

查看了源代码后发现图片的src链接不带域名,直接显示images/,但是在微擎下图片的根目录是\attachment,图片缺少根路径导致了图片不能显示。

解决:

既然是路径问题,那我开始没有点击html时图片能够正常显示的,那就说明,图片一开始路径是没有问题的,但是当我点击了html后出现路径不对,那问题应该就是在点击html时触发了什么事件。

看了ueditor的api发现在触发html事件是,会执行一个getContent()方法,这个方法会过滤html,会把img标签下的_src属性赋值到src,而_src的路径在微擎里面是获取的imgs[0]['attachemnt'],这个路径不会包含http和attachment

所以,我们修改微擎的代码把'_src' : imgs[0]['attachment'],修改为'_src' : imgs[0]['url'],就可以解决问题了。

代码:

文件路径

\web\common\tpl.func.php 大概在 1013行左右

UE.registerUI('myinsertimage',function(editor,uiName){

editor.registerCommand(uiName, {

execCommand:function(){

require(['fileUploader'], function(uploader){

uploader.show(function(imgs){

console.log(imgs)

if (imgs.length == 0) {

return;

} else if (imgs.length == 1) {

editor.execCommand('insertimage', {

'src' : imgs[0]['url'],

'_src' : imgs[0]['url'],

'width' : '100%',

'alt' : imgs[0].filename

});

} else {

var imglist = [];

for (i in imgs) {

imglist.push({

'src' : imgs[i]['url'],

'_src' : imgs[i]['url'],

'width' : '100%',

'alt' : imgs[i].filename

});

}

editor.execCommand('insertimage', imglist);

}

}, opts);

});

}

});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/503221.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

找通项公式在线计算机,在线硬盘分区计算器工具

一、什么是分区?分区从实质上说就是对硬盘的一种格式化。当我们创建分区时,就已经设置好了硬盘的各项物理参数,指定了硬盘主引导记录(即Master Boot Record,一般简称为MBR)和引导记录备份的存放位置。而对于文件系统以及其他操作系…

湖南大学计算机网络实验,湖南大学《计算机网络》实验报告

实验一应用协议与数据包分析实验(使用Wireshark)一、实验目的通过本实验,熟练掌握Wireshark的操作和使用,学习对HTTP协议进行分析。二、实验内容1.HTTP 协议简介HTTP 是超文本传输协议(Hyper Text Transfer Protocol)的缩写,用于W…

html中dl标签和ul标签,html中dl,dt,dd,ul,li,ol标签区别和使用

html中dl,dt,dd,ul,li,ol标签区别和使用时间:2013-04-12 21:48 来源:未知 | 作者:易享学习网| 本文已影响 人ul: unordered listsol: ordered listsli: Listsol 有序列表:………………表现为:1……2……3……ul 无序列表,表现为li前面是大圆点…

国家开放计算机应用基础模块1答案,完整word版,《国家开放大学学习指南》计算机应用基础网上作业答案(完整版)...

作业1(本次作业覆盖“模块1 Windows 7 操作系统”的内容,请在学完模块1后完成本次作业,要求第8周内完成。满分为40分,其中基础知识部分10分,Windows 7部分20分,网络部分10分。单选题50道、填空题50道)基础知识选择题(共…

webview 本地 html空白,WKWebView加载本地html遇到的坑与解决办法

1、字体变小解决办法Swiftlet headerString ""self.wkwebview.loadHTMLString(headerString.appending(html), baseURL: nil)Objective-CNSString *headerString "";[strongSelf.contentWebView loadHTMLString:[headerString stringByAppendingString:m…

偷用计算机作文,偷玩电脑作文5篇

偷玩电脑作文5篇篇一:偷玩电脑的滋味星期天,我在家里看电视,妈妈很晚才回来,我只好在家等,看了一会,电视节目没了,我把电视关掉,看了会书消磨时间,我又写了会作业&#x…

中科院计算机学院王宏,王宏-中国科学院大学-UCAS

发表论文(1) SIL verification for SRS with diverse redundancy based on system degradation using reliability block diagram, Reliability Engineering and System Safety, 2017, 第 2 作者(2) New considerations for SIL verification of functional safety fieldbus co…

钢铁厂计算机相关岗位需要倒班吗,钢铁厂工人倒班的三个阶段,请对号入座!...

原标题:钢铁厂工人倒班的三个阶段,请对号入座!刚开始钢铁厂倒班工作,感觉倒班好,夜班有啥,通宵可以感受夜的宁静,深夜闲暇之余还可以仰望星空,思考人生,白天自由时间多&a…

计算机文化基础B卷期末,《计算机文化基础》上机试卷B

课程代码: 座位号:新疆大学2008- 2009 学年度第一学期期末考试《计算机文化基础》上机试卷姓名: 学号: 专业:学院: 班级:2008年 12月注意事项:在试卷上必须注明学号、姓名否则成绩以“零”分计算完成以下各题后,将应用程序窗口最小…

win7查看 本地计算机策略,win7系统本地组策略编辑器打不开怎么办

本地组策略编辑器是win7系统的管理控制台,通过本地组策略编辑器可以禁止通过本地组策略、禁止对某些任务使用脚本等设置。有些win7 64位系统的用户发现,本地组组策略编辑器打不开了,这是怎么回事呢?会出现这种情况很有可能是控制台…

苹果x计算机按键有声音吗,iPhoneX拍照总有声音怎么办?拨动静音键即可关闭拍照声!...

我们知道,国行iPhoneX拍照默认是有声音的,完成拍照一瞬间会发出发发出咔的拍照音。不过,我们有时候在夜间或者安静环境下,想要静音拍照,那么该怎么做呢。下面小编详细介绍下iPhoneX相机声音关闭方法,希望对…

计算机打字测速,电脑的打字测速软件分享

对于电脑工作人员来说,打字是我们每天都会接触的,作为网站编辑来说,每天就是打字,打字,打字,因此,打字速度一定不能慢,不然就会大大的影响工作效率。下面是学习啦小编为大家整理的关…

2012服务器系统安装iis,Windows Server 2012服务器管理系统安装配置IIS8.5教程

IIS8.0是windows Server2012自带的服务器管理系统,和以往不同,IIS8.0安装和操作都比较简单,界面很简洁,安装也很迅速。今天我们重点完整的演示下windows server 2012上面配置IIS8.5的详细安装。windows server 2012上面配置IIS8.5…

nextcloud显示服务器处于维护模式,急急急!!!Nextcloud内部服务器错误

本帖最后由 husthyx 于 2019-8-17 11:33 编辑老毛子固件,通过ONMP安装,nextcloud是最新版本16.0.4,配置完成后输入帐号密码登陆,出现“内部服务器错误”,服务器日志如下:{"reqId":"1NwssUrQYmV1d9ELSrZ…

正在等待语音服务器回应,Python如何突破正在等待服务器响应的阻塞生成器?

我想添加一个错误处理程序,它可以在出现internet连接问题时停止转录过程。我创建了一个连接监视器线程,每隔几秒钟检查一次internet连接,并将设置一个标志isConnectionError True。在我设法停止音频录制生成器进程,但无法停止另一…

Java9个异常处理的最佳实践

在本文中,作者介绍了9个处理异常的最佳方法与实践,以举例与代码展示结合的方式,让开发者更好的理解这9种方式,并指导读者在不同情况下选择不同的异常处理方式。 以下为译文: Java中的异常处理不是一个简单的话题。初学…

formidable ajax上传,nodejs+express+ajax实现图片上传及显示

图片上传:页面aja中比需抖接朋功要朋插x写法var data new FormData();var files $("#idFile")[0].files;if(files){data.append("file", files[0]);data.append("CompanyPicAddress","");data.append("CompanyNameC…

小白零基础怎么学习Java?不要慌

近年来,Java视频逐渐取代了“书籍”的作用,许多初学者已经将视频视为最重要的学习方式。然而,通过对java自学的长期观察和研究,我们发现书籍和视频都有自己的作用。阅读和观看视频对于Java学习者来说是不可或缺的。但是&#xff0…

服务器的虚拟内存怎么调,服务器的虚拟内存怎么调才好

服务器的虚拟内存怎么调才好 内容精选换一换华为云帮助中心,为用户提供产品简介、价格说明、购买指南、用户指南、API参考、最佳实践、常见问题、视频帮助等技术文档,帮助您快速上手使用华为云服务。开启弹性云服务器的虚拟内存后,会导致硬盘…

Java小白零基础学习如何突破自己的方法

有很多Java程序员在学习之初经常对如何学习感到困惑。本文将分析如何学习Java编程,并相信它可以帮助处于混乱状态的初学者。 I.培养兴趣 兴趣是可以让你继续前进的动力。如果你只是把这个程序写成谋生手段,那么你将会非常疲惫,更关心这个行…