百度ueditor組件上傳圖片后如何設(shè)置img里的alt屬性
更新時間:2014年09月01日 08:58:01 投稿:whsnow
百度ueditor組件,使用上傳圖片后,設(shè)置了一個alt屬性,其值是上傳圖片時的本地路徑,如果想更改的話可以參考下面的解決方法
百度ueditor組件,使用上傳圖片后,自動將上傳圖片顯示在編輯器中,也就是插入了一個<img>標(biāo)簽。并設(shè)置了一個alt屬性,其值是上傳圖片時的本地路徑。暫時沒發(fā)現(xiàn)哪里可以配置這個值。在查看發(fā)布的內(nèi)容時,看到alt的值是一個磁盤路徑,有點別扭。
可以在編輯完內(nèi)容,保存到數(shù)據(jù)庫時過濾下,修改alt的內(nèi)容,也可以直接修改源碼
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); }
您可能感興趣的文章:
- 基于ThinkPHP5.0實現(xiàn)圖片上傳插件
- ThinkPHP5+Layui實現(xiàn)圖片上傳加預(yù)覽功能
- thinkPHP5框架整合plupload實現(xiàn)圖片批量上傳功能的方法
- ThinkPHP5.0 圖片上傳生成縮略圖實例代碼說明
- thinkphp5上傳圖片及生成縮略圖公共方法(分享)
- Thinkphp5+plupload實現(xiàn)的圖片上傳功能示例【支持實時預(yù)覽】
- UEditor編輯器自定義上傳圖片或文件路徑的修改方法
- ueditor編輯器不能上傳圖片問題的解決方法
- 關(guān)于UEditor編輯器遠程圖片上傳失敗的解決辦法
- PHP結(jié)合Ueditor并修改圖片上傳路徑
- YII中Ueditor富文本編輯器文件和圖片上傳的配置圖文教程
- ThinkPHP5+UEditor圖片上傳到阿里云對象存儲OSS功能示例
相關(guān)文章
FCKeditor .NET的配置、擴展與安全性經(jīng)驗交流
FCKeditor是使用非常廣泛的HTML編輯器,本文從 ASP.NET 的使用場景對 FCKeditor 與 FCKeditor.NET 的配置、功能擴展(如自定義文件上傳子目錄、自定義文件名、上傳圖片的后期處理等)、以及安全性進行初步的闡述。2011-08-08eWebEditor_v280_Free_Final最好用的網(wǎng)頁編輯器下載
eWebEditor_v280_Free_Final最好用的網(wǎng)頁編輯器下載...2007-09-09