《javascript清理百度ueditor在線編輯器的title和alt屬性，為umeditor添加加alt屬性》要點(diǎn)：
本文介紹了javascript清理百度ueditor在線編輯器的title和alt屬性，為umeditor添加加alt屬性，希望對(duì)您有用。如果有疑問，可以聯(lián)系我們。

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

百度的ueditor會(huì)為上傳的圖片自動(dòng)添加title，但是title值和alt值分別是圖片在服務(wù)器上和本地電腦上的名稱。因?yàn)樾枰臑槲恼聵?biāo)題。

之前我們發(fā)過PHP版的服務(wù)端處理程序。http://www.fzlkiss.com/jiaocheng/83.html

現(xiàn)在我們改編成javascript版的函數(shù)，讓這個(gè)功能能在前端處理，節(jié)省服務(wù)端資源消耗。

使用方法：

在UE或UM編輯器觸發(fā)blur事件時(shí)執(zhí)行。你需要寫一個(gè)小函數(shù)，就是取到編輯器內(nèi)容，然后用本函數(shù)過濾，再寫回編輯器。

函數(shù)自由分享，轉(zhuǎn)發(fā)請保留 http://www.fzlkiss.com 尊重別人的勞動(dòng)成果，謝謝。

/**
 *  清理ueditor內(nèi)容中圖片名title和alt，給UMeditor內(nèi)容添加alt
 *  http://www.fzlkiss.com 維易PHP
 * @param content  文章內(nèi)容
 * @param artTitle  文章內(nèi)容標(biāo)題，也就是要做為img的title屬性值
 * @param clearTitle  是否保留title屬性，1-不保留，只要alt屬性，2保留
 * @returns {*}
 */
function resetUMcontent(content, artTitle ,clearTitle)
{
       var useSn = true;   //是否把標(biāo)題加入到alt時(shí)，尾部加上序列號(hào)
       var artTitle = artTitle || '';
       //var clearTitle=1;  //是否保留title屬性，1-不保留，只要alt屬性，2保留

       var titleLen = artTitle.length;
       var sn=1;
       //清理title
       var reg = /(<img[^>]* )(title\s*=\s*[\'\"][^\'\"]*[\'\"])([^>]*>)/ig;
       while (clearTitle && (title = reg.exec(content)) != null)
       {
              sn = useSn ? sn++ : '';
              titleTag = (clearTitle>1 && titleLen >0 ) ?  ' title="'+ artTitle + sn + '" ' : ' ';
              newImgCode = $.trim( title[1]) + titleTag +$.trim( title[3]);  //trim(title[1])
              content = content.replace(title[0], newImgCode);
       }
       //清理alt
       //處理alt，保留以利SEO
       reg = /(<img[^>]* )(alt\s*=\s*[\'\"][^\'\"]*[\'\"])([^>]*>)/ig;
       while (clearTitle && (alt = reg.exec(content)) != null)
       {
              sn = useSn ? sn++ : '';
              altTag = titleLen>0 ?  ' alt="' + artTitle+sn+'" ' : ' ';
              newImgCode = alt[1] + altTag + alt[3];  //trim(title[1])
              content = content.replace(alt[0], newImgCode);
       }
       if(titleLen==0) return content;

       //處理無alt和title的，適用于UM
       reg = /<img [^>]+>/ig;
       while ((res = reg.exec(content)) != null)
       {
              if( res[0].indexOf(' alt')!=-1 ||res[0].indexOf(' title')!=-1 ) continue;
              sn = useSn ? sn++ : '';
              altTag =  ' alt="' + artTitle+sn+'" ';
              newImgCode = res[0].replace('<img', '<img'+altTag);
              content = content.replace( res[0], newImgCode);
       }

       return content;
}

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