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