1.下載UEditor，當(dāng)前最新版本是1.3.6。這里下載的.net版本，選擇UTF-8。下載地址：http://ueditor.baidu.com/website/download.html

注意：1.3.6有個(gè)bug，ie8下插入多張遠(yuǎn)程圖片之后，dialog假死，問(wèn)題定位: url更新觸發(fā)圖片預(yù)覽,預(yù)覽方法觸發(fā)url更新
解決方法：
dialog/image/image.js里面showImageInfo方法有一行代碼:

2.打開(kāi)vs2010創(chuàng)建一個(gè)空的web應(yīng)用程序，并將我們下載的UEditor，解壓放到需要的地方，然后引用相關(guān)資源到頁(yè)面上，我的如下：

3.此時(shí)我們用瀏覽器瀏覽器WebForm1.aspx，并試著上傳圖片：

你將會(huì)看到下面，注意圖中箭頭所指：正在讀取目錄....

我們?cè)囍砑訄D片上傳，得到結(jié)果如下：

會(huì)提示說(shuō)：請(qǐng)等待保存目錄就緒，其實(shí)它是無(wú)法就緒的，因?yàn)檫€需要其他配置。

4.打開(kāi)ueditor.config.js，然后將下圖中紅框中的代碼取消注釋。注意第二個(gè)紅框是和附件上傳有關(guān)，為了方便，這里一并取消注釋。

5.此時(shí)再次上傳圖片，你會(huì)看到保存目錄出現(xiàn)了，我們離成功更進(jìn)一步。

但是如果我們添加圖片，試著上傳會(huì)得到下面結(jié)果，看到紅底的白色叉叉了嗎，說(shuō)明我們沒(méi)有上傳成功：

6.不要?dú)怵H，我們繼續(xù)，打開(kāi)net文件下的imageUp.ashx，將下圖紅框中的內(nèi)容給刪除，我們上傳不成功全是這兩行代碼在搗鬼。

完成后，我們繼續(xù)嘗試上傳圖片，終于成功了，見(jiàn)下圖：

此時(shí)UEditor會(huì)在net目錄下給我們創(chuàng)建一個(gè)文件夾，保存我們上傳的圖片：

如果我們需要上傳附件，方法同上將fileUp.ashx文件中的<%@ Assembly Src="Uploader.cs" %>給刪除即可

注意：

1.     //設(shè)置編輯器根路徑
        window.UEDITOR_HOME_URL = "/Scripts/ueditor/";

這里配置編輯器相當(dāng)于根目錄的路徑。如果你不知道怎么確定，那就ueditor目錄下創(chuàng)建一個(gè)html文件，然后瀏覽，比如

http://localhost:53529/Scripts/ueditor/index.html

根目錄就是端口號(hào)后面及html文件前面的內(nèi)容了。

2.我們?cè)赼shx中刪除的<%@ Assembly Src="xxxx" %>，是在vs環(huán)境中需要的，如果你部署到產(chǎn)品環(huán)境中，如果出現(xiàn)報(bào)錯(cuò)，請(qǐng)將刪除的添加。

最新評(píng)論