百度ueditor組件上傳圖片后如何設(shè)置img里的alt屬性
百度ueditor組件,使用上傳圖片后,自動將上傳圖片顯示在編輯器中,也就是插入了一個<img>標(biāo)簽。并設(shè)置了一個alt屬性,其值是上傳圖片時(shí)的本地路徑。暫時(shí)沒發(fā)現(xiàn)哪里可以配置這個值。在查看發(fā)布的內(nèi)容時(shí),看到alt的值是一個磁盤路徑,有點(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圖片上傳到阿里云對象存儲OSS功能示例
相關(guān)文章
一款支持插入表情的編輯器實(shí)現(xiàn)代碼(簡單思路挺重要)
先說做的是什么哈。 一個發(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)站后臺不能上傳圖片的方法
隨著windows操作系統(tǒng)和IE瀏覽器版本的不斷推出,很多客戶都漸漸放棄了IE6,IE7,使用上了IE8瀏覽器,但是突然發(fā)現(xiàn)自己網(wǎng)站后臺里面的eWebEditor文本編輯器的插入圖片等等按鈕失效了,鼠標(biāo)點(diǎn)擊后什么反應(yīng)都沒有,IE瀏覽器左下角顯示一個黃色的感嘆號提示錯誤,就以為是網(wǎng)站空間、服務(wù)器中毒了呢,一時(shí)間紛紛都來找我們詢問2012-03-03
ckeditor syntaxhighlighter代碼高亮插件配置分享
現(xiàn)在大家可以不必像我這樣為了實(shí)現(xiàn)代碼高亮的功能,去修改ckeditor編輯器,大家可以去使用百度編輯器(Ueditor)他有代碼高亮的功能,還蠻好用的,我的個人網(wǎng)站就是的百度編輯器的。歡迎大家去我的博客看看2014-12-12
FCKEditor SyntaxHighlighter整合實(shí)現(xiàn)代碼高亮顯示
近日做個小網(wǎng)站,用到了代碼高亮嵌入顯示功能,想將FCKeditor和dp.SyntaxHighlighter結(jié)合使用。2009-06-06
FCKEditor+jQuery+PHP實(shí)現(xiàn)分頁代碼
根據(jù)一下步驟,即可實(shí)現(xiàn)使用FCKEditor+jQuery+PHP實(shí)現(xiàn)無刷新頁面分頁。2010-07-07
fckeditor在php中的用法(添加于修改寫成了函數(shù))
這里就不多說了,看代碼。后面有說明。2009-12-12

