百度編輯器ueditor(v1.3.6)net環(huán)境中詳細配置教程附bug解決方法
1.下載UEditor,當前最新版本是1.3.6。這里下載的.net版本,選擇UTF-8。下載地址:http://ueditor.baidu.com/website/download.html
注意:1.3.6有個bug,ie8下插入多張遠程圖片之后,dialog假死,問題定位: url更新觸發(fā)圖片預覽,預覽方法觸發(fā)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創(chuàng)建一個空的web應用程序,并將我們下載的UEditor,解壓放到需要的地方,然后引用相關資源到頁面上,我的如下:

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

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

我們試著添加圖片上傳,得到結果如下:

會提示說:請等待保存目錄就緒,其實它是無法就緒的,因為還需要其他配置。
4.打開ueditor.config.js,然后將下圖中紅框中的代碼取消注釋。注意第二個紅框是和附件上傳有關,為了方便,這里一并取消注釋。
5.此時再次上傳圖片,你會看到保存目錄出現(xiàn)了,我們離成功更進一步。

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

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

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

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

如果我們需要上傳附件,方法同上將fileUp.ashx文件中的<%@ Assembly Src="Uploader.cs" %>給刪除即可
注意:
1. //設置編輯器根路徑
window.UEDITOR_HOME_URL = "/Scripts/ueditor/";
這里配置編輯器相當于根目錄的路徑。如果你不知道怎么確定,那就ueditor目錄下創(chuàng)建一個html文件,然后瀏覽,比如
http://localhost:53529/Scripts/ueditor/index.html
根目錄就是端口號后面及html文件前面的內容了。
2.我們在ashx中刪除的<%@ Assembly Src="xxxx" %>,是在vs環(huán)境中需要的,如果你部署到產(chǎn)品環(huán)境中,如果出現(xiàn)報錯,請將刪除的添加。
相關文章

WebStorm如何調試Vue項目? webstorm配置vue開發(fā)環(huán)境指南
WebStorm 支持多種調試工具,包括瀏覽器的開發(fā)者工具,但本文主要講解的是使用 WebStorm 自帶的調試功能2025-04-15
VSCode和webstorm怎么設置綠色護眼背景? 綠豆沙背景色的設置方法
護眼色一定程度能保護眼睛,緩解疲勞,VSCode和webstorm這兩款常用的軟件怎么設置護眼色呢?詳細請看下文介紹2025-04-15
WebStorm本身已經(jīng)足夠強大,但一些優(yōu)秀的插件能錦上添花,顯著提升開發(fā)效率,詳細請看下文介紹2025-04-15
如何安裝配置WebStorm? WebStorm安裝與使用全方位指南
WebStorm軟件在前端和后端開發(fā)領域都備受青睞,很多朋友不知道該怎么下載安裝,下面我們就來看看詳細的安裝配置教程2025-04-15
Webstorm怎么配置? Webstorm入門之軟件配置教程
WebStorm是一款功能強大的集成開發(fā)環(huán)境(IDE),支持各種前端開發(fā)技術,今天我們就來看看Webstorm的配置教程2025-04-15
WebStorm 允許您自定義界面顏色,以創(chuàng)建更個性化和美觀的工作空間,今天我們就來看看Webstorm改變字體大小、背景顏色、設置背景圖片的方法2025-04-15
VScode上安裝PlatformIO插件能成功安裝,嘗試卸載VScode并刪除插件,這些錯誤仍然存在,下面我們就來看看這個問題的解決辦法2025-04-03
提升代碼搜索效率! VSCode里DeepSeek插件安裝與配置指南
今天我們將向大家介紹如何在Visual Studio Code中安裝并配置 DeepSeek 插件,幫助你更高效地進行代碼搜索2025-04-07
VSCode是一款免費且開源的代碼編輯器,因其強大的功能和良好的用戶體驗而廣受歡迎,本文將詳細介紹 VSCode 的基本使用方法,并通過插圖幫助你更好地理解2025-04-03
今天我們來聊聊如何安裝和配置VS Code,讓它成為你編程路上的得力助手,這個過程其實很簡單,只要跟著我的步驟走,你絕對能搞定2025-04-03





