1. ホーム
  2. Web プログラミング
  3. ウェブ編集者

Baidu ueditorコンポーネント画像をアップロードした後、どのようにimgにalt属性を設定する

2022-01-01 20:54:52

Baidu ueditorコンポーネントは、アップロードの画像を使用した後、自動的にエディタにアップロードされた画像を表示する、つまり、<img>タグを挿入します。そして、画像をアップロードするときに、ローカルパスを値とするalt属性を設定します。今のところ、この値を設定できるところが見当たりません。公開されたコンテンツを見ると、altの値がディスクパスになっているので、ちょっと不便です。

コンテンツの編集を終えてデータベースに保存する際にフィルタリングすることでaltの内容を変更するか、ソースコードを直接修正することが可能です

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