UEditor是百度開發團隊奉獻的一款很不錯的在線編輯器。在百度自己很多產品上都有應用,本文主要是該編輯器的配置教程。
1.下載UEditor,當前最新版本是1.3.6。這里下載的.net版本,選擇UTF-8。下載地址:http://ueditor.baidu.com/website/download.html
注意:1.3.6有個bug,修復方法參看:http://www.ueditorbbs.com/forum.php?mod=viewthread&tid=29392
2.打開vs2010創建一個空的web應用程序,并將我們下載的UEditor,解壓放到需要的地方,然后引用相關資源到頁面上,我的如下:
3.此時我們用瀏覽器瀏覽器WebForm1.aspx,并試著上傳圖片:
你將會看到下面,注意圖中箭頭所指:正在讀取目錄....
我們試著添加圖片上傳,得到結果如下:
會提示說:請等待保存目錄就緒,其實它是無法就緒的,因為還需要其他配置。
4.打開ueditor.config.js,然后將下圖中紅框中的代碼取消注釋。注意第二個紅框是和附件上傳有關,為了方便,這里一并取消注釋。
5.此時再次上傳圖片,你會看到保存目錄出現了,我們離成功更進一步。
但是如果我們添加圖片,試著上傳會得到下面結果,看到紅底的白色叉叉了嗎,說明我們沒有上傳成功:
6.不要氣餒,我們繼續,打開net文件下的imageUp.ashx,將下圖紅框中的內容給刪除,我們上傳不成功全是這兩行代碼在搗鬼。
完成后,我們繼續嘗試上傳圖片,終于成功了,見下圖:
此時UEditor會在net目錄下給我們創建一個文件夾,保存我們上傳的圖片:
如果我們需要上傳附件,方法同上將fileUp.ashx文件中的<%@ Assembly Src="Uploader.cs" %>給刪除即可
注意:
1. //設置編輯器根路徑
window.UEDITOR_HOME_URL = "/Scr
這里配置編輯器相當于根目錄的路徑。如果你不知道怎么確定,那就ueditor目錄下創建一個html文件,然后瀏覽,比如
http://localhost:53529/Scripts/ueditor/index.html
根目錄就是端口號后面及html文件前面的內容了。
2.我們在ashx中刪除的<%@ Assembly Src="xxxx" %>,是在vs環境中需要的,如果你部署到產品環境中,如果出現報錯,請將刪除的添加。
3.我已將我項目打開,下載地址:http://files.VEVb.com/sygwin/WebUEditor.zip
新聞熱點
疑難解答