百度ueditor上传图片后怎么设置样式

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了百度ueditor上传图片后怎么设置样式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1629字，纯文字阅读大概需要3分钟。

内容图文

最近项目中遇到一个问题，UEditor上传图片后，在内容展示会修改图片样式。但是表情也是img标签，所以全局修改是有问题的，

所以只能着手修改一下插件的代码。

首先找到图片上传的服务器段文件。这里主要是php讲解

找到php目录下Uploader.class.php 337行

public function getFileInfo()   {       return array(           "state" => $this->stateInfo,           "url" => $this->fullName,           "title" => $this->fileName,           "original" => $this->oriName,           "type" => $this->fileType,	   "class"=> "aaa"           "size" => $this->fileSize，       );   }

这样返回的json 多一个class 属性的值

一种是修改js

找到ueditor.all.js 中 24461 如下代码

修改js

function callback(){try{var link, json, loader,body = (iframe.contentDocument || iframe.contentWindow.document).body,result = body.innerText || body.textContent || '';json = (new Function("return " + result))();link = me.options.imageUrlPrefix + json.url;if(json.state == 'SUCCESS' && json.url) {loader = me.document.getElementById(loadingId);loader.setAttribute('src', link);loader.setAttribute('_src', link);loader.setAttribute('class', json.class || ''); //添加行代码loader.setAttribute('title', json.title || '');loader.setAttribute('alt', json.original || '');loader.removeAttribute('id');domUtils.removeClasses(loader, 'loadingclass');} else {showErrorLoader && showErrorLoader(json.state);}}catch(er){showErrorLoader && showErrorLoader(me.getLang('simpleupload.loadError'));}form.reset();domUtils.un(iframe, 'load', callback);}

这样上传下图片你就能看见上传的图片都多了个样式。

1楼jwblog

为什么我上传图片都显示失败了，是什么原因？图片已经上传到了服务器，可结果是失败，返回的也没图片。

内容总结

以上是互联网集市为您收集整理的百度ueditor上传图片后怎么设置样式全部内容，希望文章能够帮你解决百度ueditor上传图片后怎么设置样式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端