百度ueditor 上传图片后如何设置样式
最近项目中遇到一个问题,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为什么我上传图片都显示失败了,是什么原因?图片已经上传到了服务器,可结果是失败,返回的也没图片。
