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)將刪除的添加。
新聞熱點(diǎn)
疑難解答
圖片精選