MVC3.0下使用百度富文字編輯器ueditor1.3.6上傳圖片
本文方法有不妥之處，希望有弄明白的大蝦指點指點
1：在Web應用程式中，檔案目錄結構
其中ueditor是富文字編輯器資料夾，upload資料夾則用來存放將要上傳的圖片檔案
2：在html頁面引入相應檔案，並初始化富文字編輯器
初始化富文字編輯器，可以用<script></script>標籤，也可以用<textarea></textarea>標籤
程式碼如下：
<!DOCTYPE html> <html> <head> <title>Create</title> <link href="../../ueditor/themes/default/css/ueditor.min.css" rel="stylesheet" type="text/css" /> <script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script> <script src="../../ueditor/ueditor.config.js" type="text/javascript"></script> <script src="../../ueditor/ueditor.all.min.js" type="text/javascript"></script> <script src="../../ueditor/lang/zh-cn/zh-cn.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { //初始化富文字編輯器 UE.getEditor("myEditor"); } </script> </head> <body> <script type="text/plain" id="myEditor" name="ArticleContent" style="width:800px;height:300px;"> <p>這裡是百度富文字編輯器內容</p> </script> </body> </html>
3：更改配置檔案
ueditor/ueditor.config.js檔案中
第一句window.UEDITOR_HOME_URL = "/ueditor/";
主要是將圖片上傳後的絕對地址（類似：localhost://）改為相對地址（類似：../../upload/）用的
引數 ,imagePath:"" //圖片修正地址，最後的最後會用到，是重要的配置引數
window.UEDITOR_HOME_URL = "/ueditor/"; var URL = window.UEDITOR_HOME_URL || getUEBasePath(); /** * 配置項主體。注意，此處所有涉及到路徑的配置別遺漏URL變數。 */ window.UEDITOR_CONFIG = { //為編輯器例項新增一個路徑，這個不能被註釋 UEDITOR_HOME_URL : URL //圖片上傳配置區 ,imageUrl:URL+"net/imageUp.ashx" //圖片上傳提交地址 , imagePath: "../" //圖片修正地址，引用了fixedImagePath,如有特殊需求，可自行配置
ueditor/net/Config.cs
/// <summary>
/// Config 的摘要說明
/// </summary>
public class Config
{
public static string[] ImageSavePath = new string[] { "../../upload" };
}ueditor/ueditor.config.js檔案中。
這裡，savePath和上面的Config.cs檔案中的 ImageSavePath要保持一致。
,savePath: [ '../../upload' ] //圖片儲存在伺服器端的目錄， 預設為空， 此時在上傳圖片時會向伺服器請求儲存圖片的目錄列表，
ueditor/net/imageUp.ashx
去掉前三行中的
<%@ Assembly Src="Config.cs" %>修改上傳時的路徑。這裡只要能修改path，去掉後面的斜槓 '/' 即可。
info = up.upFile(context,path, filetype, size); //獲取上傳狀態這樣改完之後，圖片會上傳到Web專案的upload資料夾下。並且是相對路徑，但是圖片可能會顯示不出來。
如果在上傳圖片的時候顯示不出圖片，請繼續看。
這裡很明顯，圖片已經上傳成功，但是
這時候，我們需要點選百度富文字編輯器上的功能按鈕 “HTML” 來檢視html。發現
上傳成功說明圖片已經儲存到了伺服器，顯示不出來，應該是路徑不對。
從圖中可以看出，這是一個相對路徑，但是我的專案中，從當前這個頁面開始算，向上兩級後並不能找到upload資料夾，我需要向上找三個等級才能找到upload資料夾，
即../../../upload/*********.png
這樣我們需要用到開始提過的，ueditor/ueditor.config.js檔案中的引數imagePath（圖片地址修正引數）
觀察路徑發現，需要將路徑前，多加上 一個 "../"，於是引數imagePath="../"
這樣就都完成了
百度富文字編輯器下載路徑如下 1.3.6UTF8C#版本
http://pan.baidu.com/s/1kT9PDun