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

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

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

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

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

我們試著添加圖片上傳，得到結(jié)果如下：

會提示說：請等待保存目錄就緒，其實它是無法就緒的，因為還需要其他配置。

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

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

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

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

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

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

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

注意：

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

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

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

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

2.我們在ashx中刪除的<%@ Assembly Src="xxxx" %>，是在vs環(huán)境中需要的，如果你部署到產(chǎn)品環(huán)境中，如果出現(xiàn)報錯，請將刪除的添加。

最新評論