《百度ueditor編輯器上傳圖片后img標(biāo)簽的title、alt屬性優(yōu)化簡(jiǎn)單方法》要點(diǎn)：
本文介紹了百度ueditor編輯器上傳圖片后img標(biāo)簽的title、alt屬性優(yōu)化簡(jiǎn)單方法，希望對(duì)您有用。如果有疑問(wèn)，可以聯(lián)系我們。

相關(guān)主題：JS、Jquery插件 / ueditor在線編輯器

剛才講過(guò)這個(gè)問(wèn)題，參 http://www.fzlkiss.com/jiaocheng/79.html，

可以在服務(wù)端用PHP處理，參http://www.fzlkiss.com/jiaocheng/83.html

這里是源碼修改方法。

百度的Ueditor在線編輯器在上傳圖片后，所插入的img標(biāo)簽中，title、alt屬性設(shè)置的值通常都是圖片名，如20170116112233231.jpg，為了優(yōu)化以增強(qiáng)SEO，必須要處理。

但是為了不影響代碼的獨(dú)立性，我使用了一個(gè)超簡(jiǎn)單的辦法。就是加一個(gè)隱藏域ueditorTitle，然后UE源代碼中title賦值時(shí)就根據(jù)這個(gè)。

而ueditorTitle就長(zhǎng)期跟隨UE代碼調(diào)用。維易PHP的UE和UM編輯器調(diào)用，都封裝好了，直接加入到對(duì)象中即可。

代碼：

<input type="hidden" id="ueditorTitle" name="ueditorTitle" value="這是ueditorTitle值，在頁(yè)面中同步title表單字段即可" />

然后修改UE源碼，一次修改，永久不動(dòng)。

非壓縮版改法：

我們加了一個(gè) var atitle = $('#ueditorTitle').val();

all.min.js壓縮版加法：

差不多541行處加：

at=$('#ueditorTitle').val(),

如圖：

然后，在下一行 改成：k.setAttribute("title",""),k.setAttribute("alt",at||""), 去掉了title

如下圖：

現(xiàn)在就很簡(jiǎn)單了，以后頁(yè)面只要把文章標(biāo)題的字段增加一個(gè) blur()事件，進(jìn)行同步到ueditorTitle即可。這樣上傳的圖片都會(huì)使用文章標(biāo)題，如圖：

轉(zhuǎn)載請(qǐng)注明本頁(yè)網(wǎng)址：
http://www.fzlkiss.com/jiaocheng/81.html