1.下載UEditor,當前最新版本是1.3.6。這里下載的.net版本,選擇UTF-8。下載地址:http://ueditor.baidu.com/website/download.html
注意:1.3.6有個bug,ie8下插入多張遠程圖片之后,dialog假死,問題定位: url更新觸發圖片預覽,預覽方法觸發url更新
解決方法:
dialog/image/image.js里面showImageInfo方法有一行代碼:
復制代碼代碼如下:
g("url").value = wordImgFlag ? wordImgFlag.replace("&", "&") : (img.getAttribute('_src') || img.getAttribute("src", 2).replace("&", "&"));
修改成:
復制代碼代碼如下:
var src = wordImgFlag ? wordImgFlag.replace("&", "&") : (img.getAttribute('_src') || img.getAttribute("src", 2).replace("&", "&"));
if(src !== g("url").value) g("url").value = src;
2.打開vs2010創建一個空的web應用程序,并將我們下載的UEditor,解壓放到需要的地方,然后引用相關資源到頁面上,我的如下:
3.此時我們用瀏覽器瀏覽器WebForm1.aspx,并試著上傳圖片:
你將會看到下面,注意圖中箭頭所指:正在讀取目錄....
我們試著添加圖片上傳,得到結果如下:
會提示說:請等待保存目錄就緒,其實它是無法就緒的,因為還需要其他配置。
4.打開ueditor.config.js,然后將下圖中紅框中的代碼取消注釋。注意第二個紅框是和附件上傳有關,為了方便,這里一并取消注釋。
5.此時再次上傳圖片,你會看到保存目錄出現了,我們離成功更進一步。
但是如果我們添加圖片,試著上傳會得到下面結果,看到紅底的白色叉叉了嗎,說明我們沒有上傳成功:
6.不要氣餒,我們繼續,打開net文件下的imageUp.ashx,將下圖紅框中的內容給刪除,我們上傳不成功全是這兩行代碼在搗鬼。
完成后,我們繼續嘗試上傳圖片,終于成功了,見下圖:
此時UEditor會在net目錄下給我們創建一個文件夾,保存我們上傳的圖片:
如果我們需要上傳附件,方法同上將fileUp.ashx文件中的<%@ Assembly Src="Uploader.cs" %>給刪除即可
新聞熱點
疑難解答
圖片精選