ホームページ >バックエンド開発 >PHPチュートリアル >Baidu ueditor で写真をアップロードした後にスタイルを設定する方法

Baidu ueditor で写真をアップロードした後にスタイルを設定する方法

WBOY
WBOYオリジナル
2016-06-13 12:10:401312ブラウズ

Baidu 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 には、もう 1 つの class 属性値があります

1 つは 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
写真のアップロードに失敗したと表示されるのはなぜですか?画像はサーバーにアップロードされましたが、結果は失敗し、画像が返されません。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。