中文人妻久热无码_天天看高清国产在线_富婆按摩高潮对白30分钟_国产av精选aaaaaaa

海南世紀云圖網(wǎng)絡(luò)科技有限公司
咨詢熱線：400-822-8458 客戶服務(wù)：0898-32183600

eWebeditor上傳圖片后自動給圖片增加鏈接

發(fā)表于：2011-07-06 00:00:00來源：SOUAB.COM人氣：3954

目標就是實現(xiàn)上傳圖片后可以自動給圖片添加新窗口鏈接，因為他使用的是ewebeditor2.8的免費版，所以就要看看ewebeditor是怎么實現(xiàn)的啦。
大致分析了一下，應(yīng)該都是在/dialog/img.htm里控制的：
 

131行：
sHTML = '<img id=eWebEditor_TempElement_Img src="'+sFromUrl+'"'+sHTML;

在這里加入圖片的超鏈接應(yīng)該就可以解決問題：

sHTML = '<a href='+sFromUrl+' target=_blank><img id=eWebEditor_TempElement_Img src="'+sFromUrl+'"'+sHTML;

看起來是不錯的解決了問題，不過卻有一個小毛病，那就是經(jīng)過了154行處理以后img的地址是相對地址，href的地址卻是完整地址。

dialogArguments.insertHTML(sHTML);
img:
/xxx/xxx.gif
href:
http://www.xxx.com/xxx/xxx.gif

再往下看，發(fā)現(xiàn)后面對img進行了獨立的處理：

156~158
var oTempElement = dialogArguments.eWebEditor.document.getElementById("eWebEditor_TempElement_Img");
oTempElement.src = sFromUrl;
oTempElement.removeAttribute("id");

看起來在insertHTML中處理是一樣的。
下午這塊東西沒詳細看是怎么回事，剛才翻了一下ewebeditor2.8的文件，在include/editor.js中看到insertHTML的內(nèi)容如下：

 

410行：
// 在當前文檔位置插入.
function insertHTML(html) {
 if (isModeView()) return false;
 if (eWebEditor.document.selection.type.toLowerCase() != "none"){
  eWebEditor.document.selection.clear() ;
 }
 if (sCurrMode!="EDIT"){
  html=HTMLEncode(html);
 }
 eWebEditor.document.selection.createRange().pasteHTML(html) ; 
}

前面的都沒什么好說的，主要是利用了selection.createRange().pasteHTML(html)來把相對路徑處理成了完整路徑?？雌饋砀挛绮碌貌畈欢?。
關(guān)于pasteHTML可以參考一下msdn的介紹：
http://msdn2.microsoft.com/en-us/library/ms536656.aspx
另外舉個簡單的例子：

<html>
<body>
<script language="JavaScript">
function replace() {
  var myRange = document.selection.createRange().pasteHTML('<p><b>www.coolersky.com</b></p>');
} 
</script>
<p>隨便框選幾個字，然后點提交看看。By AcOol!</p>
<input id="m" type="button" value="提交" onclick="replace();">
</body>
</html>

言歸正傳，繼續(xù)。應(yīng)該也要對href也作一下處理，翻了一下google，找到一個類似的，順便看了一下img.htm所在的目錄，發(fā)現(xiàn)/dialog/file.htm中有對href的處理過程，照貓畫虎搞了一下就好了。
最終代碼為：

131行：
sHTML = '<a id=eWebEditor_TempElement_Href href='+sFromUrl+' target=_blank><img id=eWebEditor_TempElement_Img src="'+sFromUrl+'"'+sHTML;
......
156行：
var oTempElement = dialogArguments.eWebEditor.document.getElementById("eWebEditor_TempElement_Img");
oTempElement.src = sFromUrl;
oTempElement.removeAttribute("id");
oTempElement = dialogArguments.eWebEditor.document.getElementById("eWebEditor_TempElement_Href");
oTempElement.href = sFromUrl;
oTempElement.removeAttribute("id");

文章整理： 世紀云圖  http://www.jhchurchillbuilders.com/

以上信息與文章正文是不可分割的一部分,如果您要轉(zhuǎn)載本文章,請保留以上信息，謝謝!

版權(quán)申明：本站文章部份來自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系我們，我們收到后立即刪除，謝謝！

特別注意：本站部份轉(zhuǎn)載文章言論不代表本站觀點，本站所提供的攝影照片，插畫，設(shè)計作品，如需使用，請與原作者聯(lián)系，版權(quán)歸原作者所有。

微信
網(wǎng)站建設(shè)
軟件業(yè)務(wù)
網(wǎng)絡(luò)營銷
400電話