《百度ueditor編輯器上傳圖片后如何設(shè)置img標(biāo)簽里的src、title、alt屬性》要點(diǎn)：
本文介紹了百度ueditor編輯器上傳圖片后如何設(shè)置img標(biāo)簽里的src、title、alt屬性，希望對(duì)您有用。如果有疑問，可以聯(lián)系我們。

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

百度的Ueditor在線編輯器在上傳圖片后，所插入的img標(biāo)簽中，title、alt屬性設(shè)置的值通常都是圖片名，如20170116112233231.jpg，從SEO來說，這個(gè)很不好。比如：

其中的title是服務(wù)器上的新名字，這取決于php服務(wù)端傳回的JSON中的title屬性。而alt屬性是這個(gè)圖片在本地電腦上的名字。也沒有太大意義，但是對(duì)于SEO來說，alt的作用比title大，然而如果2個(gè)標(biāo)簽都要，可能會(huì)讓搜索引擎認(rèn)為是惡意堆積關(guān)鍵字。因此，最好的方法是保留alt，而去掉title。

如果要改變服務(wù)端PHP返回值，就需要先獲取這個(gè)文章的標(biāo)題 ，這實(shí)現(xiàn)上有點(diǎn)麻煩，我們?cè)赨E的源碼上直接清空這2個(gè)屬性的值，注意，title不能取消，因?yàn)槿∠笥謺?huì)加上"上傳中"字樣，如圖：

最終，我們把UE源代碼改成這樣：

對(duì)于ueditor.all.min.js，則搜索 "imageUrlPrefix"，然后在找到處后面查找如圖的內(nèi)容，注意找到imageUrlPrefix后那一行有反白，認(rèn)真比對(duì)，不要搞錯(cuò)了。

清空alt和title的目的是為下一步替換準(zhǔn)備的，后續(xù)的替換就不需要去改UE源碼了。

我們分開講如何去掉它，以及如何修改title和alt內(nèi)容。推薦使用獨(dú)立的 js函數(shù) 放在頁面前端處理。方法其實(shí)很簡單，就是鼠標(biāo)離開編輯器后觸發(fā)該函數(shù)處理。稍后我會(huì)發(fā)表在維易PHP網(wǎng)站上，大家到時(shí)可以看一下。

附：

下面兩種方式可以了解一下。但其實(shí)都不推薦。因?yàn)橐粋€(gè)好的方法最好不要去影響原代碼，因?yàn)闀?huì)造成前端HTML和UE插件以及PHP端的耦合越來越緊，后期修改非常麻煩，只要不影響耦合，一定要做到前端和UE離了誰都可以無關(guān)，比如隨時(shí)把UE換成UM也可以，因?yàn)闆]有什么耦合度。

那么就可以改源代碼。

1、修改UE的服務(wù)端接口文件中的返回值。

經(jīng)常使用多圖片上傳，但是上傳后的圖片，保存的時(shí)候，圖片title會(huì)自動(dòng)加上，但是會(huì)默認(rèn)顯示 標(biāo)題的名稱，修改alt的時(shí)候，還要一個(gè)一個(gè)修改標(biāo)題，不方便 ，所有刪除掉

找到文件：ueditor/php/Uploader.class.php

其中返回值  "title" => 'xxxx', 你輸出的內(nèi)容，將會(huì)插到ueditor中。因此，要么去掉，要么換成你的文章標(biāo)題

2、改源代碼方式：

可通過修改ueditor.all.js文件中這幾個(gè)屬性的賦值內(nèi)容

操作如下圖所示：

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