百度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ù)庫(kù)時(shí)過(guò)濾下,修改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í)例代碼說(shuō)明
- thinkphp5上傳圖片及生成縮略圖公共方法(分享)
- Thinkphp5+plupload實(shí)現(xiàn)的圖片上傳功能示例【支持實(shí)時(shí)預(yù)覽】
- UEditor編輯器自定義上傳圖片或文件路徑的修改方法
- ueditor編輯器不能上傳圖片問(wèn)題的解決方法
- 關(guān)于UEditor編輯器遠(yuǎn)程圖片上傳失敗的解決辦法
- PHP結(jié)合Ueditor并修改圖片上傳路徑
- YII中Ueditor富文本編輯器文件和圖片上傳的配置圖文教程
- ThinkPHP5+UEditor圖片上傳到阿里云對(duì)象存儲(chǔ)OSS功能示例
相關(guān)文章
一款支持插入表情的編輯器實(shí)現(xiàn)代碼(簡(jiǎn)單思路挺重要)
先說(shuō)做的是什么哈。 一個(gè)發(fā)言框,功能不多。 要求能插入表情,最終得到的代碼表情不是<img>標(biāo)記,而是類似 /:haha 的表情代碼。項(xiàng)目做的時(shí)候有些部分用了Jquery直接上代碼了2010-07-07
Edge瀏覽器開發(fā)者工具代碼修改同步到Vscode中
這篇文章主要為答案及介紹了Edge瀏覽器開發(fā)者工具代碼修改同步到Vscode中,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-04-04
徹底解決ewebeditor網(wǎng)站后臺(tái)不能上傳圖片的方法
隨著windows操作系統(tǒng)和IE瀏覽器版本的不斷推出,很多客戶都漸漸放棄了IE6,IE7,使用上了IE8瀏覽器,但是突然發(fā)現(xiàn)自己網(wǎng)站后臺(tái)里面的eWebEditor文本編輯器的插入圖片等等按鈕失效了,鼠標(biāo)點(diǎn)擊后什么反應(yīng)都沒有,IE瀏覽器左下角顯示一個(gè)黃色的感嘆號(hào)提示錯(cuò)誤,就以為是網(wǎng)站空間、服務(wù)器中毒了呢,一時(shí)間紛紛都來(lái)找我們?cè)儐?wèn)2012-03-03
ckeditor syntaxhighlighter代碼高亮插件配置分享
現(xiàn)在大家可以不必像我這樣為了實(shí)現(xiàn)代碼高亮的功能,去修改ckeditor編輯器,大家可以去使用百度編輯器(Ueditor)他有代碼高亮的功能,還蠻好用的,我的個(gè)人網(wǎng)站就是的百度編輯器的。歡迎大家去我的博客看看2014-12-12
FCKEditor SyntaxHighlighter整合實(shí)現(xiàn)代碼高亮顯示
近日做個(gè)小網(wǎng)站,用到了代碼高亮嵌入顯示功能,想將FCKeditor和dp.SyntaxHighlighter結(jié)合使用。2009-06-06
FCKEditor+jQuery+PHP實(shí)現(xiàn)分頁(yè)代碼
根據(jù)一下步驟,即可實(shí)現(xiàn)使用FCKEditor+jQuery+PHP實(shí)現(xiàn)無(wú)刷新頁(yè)面分頁(yè)。2010-07-07
fckeditor在php中的用法(添加于修改寫成了函數(shù))
這里就不多說(shuō)了,看代碼。后面有說(shuō)明。2009-12-12

