So legen Sie den Stil fest, nachdem Sie Bilder in Baidu ueditor hochgeladen haben

UEditor ist ein WYSIWYG-Rich-Text-Webeditor, der von der Web-Frontend-Forschungs- und Entwicklungsabteilung von Baidu entwickelt wurde. Er ist leichtgewichtig, anpassbar und konzentriert sich auf die Benutzererfahrung. Er basiert auf der MIT-Lizenz und ermöglicht die kostenlose Nutzung und Änderung von Code, der gängige Themen abdeckt Rich-Text-Editoren, spezielle Funktionen, originelle und zahlreiche neue Bearbeitungsmodi.

Schauen wir uns an, wie UEditor den Bildstil während der Inhaltsanzeige nach dem Hochladen des Bildes ändert. Aber Emoticons sind auch IMG-Tags, daher ist eine globale Änderung problematisch.

Ich kann also nur mit der Änderung des Plug-in-Codes beginnen.

Suchen Sie zunächst die Serversegmentdatei, in die das Bild hochgeladen wird. Hier ist hauptsächlich eine Erklärung von PHP

Suchen Sie Zeile 337 von Uploader.class.php im PHP-Verzeichnis

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，

       );
   }

Der auf diese Weise zurückgegebene JSON hat einen weiteren Wert des Klassenattributs

​

Eine besteht darin, js zu ändern

Suchen Sie den folgenden Code 24461 in ueditor.all.js

js ändern

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);
}

​

Auf diese Weise können Sie beim Hochladen eines Bildes sehen, dass die hochgeladenen Bilder über zusätzliche Stile verfügen.

Das Obige stellt vor, wie man den Stil nach dem Hochladen von Bildern in Baidu ueditor festlegt, einschließlich des Inhalts von Baidu ueditor. Ich hoffe, es wird für Freunde hilfreich sein, die sich für PHP-Tutorials interessieren.