前言
開發環境
知識點
初始使用
自定義工具欄
設定和讀取編輯器内容
檔案上傳
ueditor加水印
------------------------------------------------
下載下傳位址在尾部
1.前言：之前一直用KingEditor富文本編輯器,在國産編輯器中算是頂尖的插件。但是這個編輯器內建度較差，也很久沒有更新了，今天學習百度産品UEeditor使用！
2.開發環境：VS2013+MVC5
3.知識點：上傳加水印功能
<a href="http://ueditor.baidu.com/website/download.html#ueditor" target="_blank">下載下傳編輯器</a>
各自選擇自己語言的版本。我這裡是.net版本就選擇.net版本 UTF-8
同時可以選擇Mini版本，Mini版本在日常也是夠用的。開發版功能比較齊全，包括線上編輯WORD,地圖，圖表等功能。如果是普通的，比如部落格類的，回複類使用的，使用mini版比較何時。
4.初次開始：
建立MVC5項目名為UEeditorForMVC，并解壓下載下傳的ueditor到Script檔案夾下，utf8-net改名為UEeditor
初始部署使用：修改index.cshtml
運作後出現效果，證明配置已經成功！
5.配置工具欄
有時候我們需要自定義工具欄，2個地方可以進行配置，一個是全局的配置檔案ueitor.config.js,修改這個檔案将導緻整站所有編輯器一并修改
單獨配置在加載編輯器時候觸發：
這個加載可以發現與config.js是對應的。包括接口路徑，主題等，都可以單獨配置
效果如下，我隻配置了最常用的工具欄
6.設定和讀取編輯器内容
可以設定編輯器的内容。比如文章可以擷取後調用
ue.setContent('hello');為編輯器設定内容
<a href="http://fex.baidu.com/ueditor/" target="_blank">具體參考官方文檔</a>
7.檔案上傳
檔案上傳是本文的主要内容,我們必須了解一下接口。
controller.ashx 這是一個處理檔案，繼承IHttpHandler接口。所有檔案的上傳必須經過這個檔案處理
App_Code檔案夾下的UploadHandler.cs為上傳處理檔案。
執行順序由controller.ashx判斷處理後調用UploadHandler。
初始上傳會成功，但是沒有圖檔顯示
這是因為路徑檔案造成
研究發現net根目錄下有檔案config.json。這個是一個json格式的配置檔案
這裡可以配置所有上傳時候的參數包括，上傳路徑，檔案命名，遠端抓取路徑等
我們這裡隻修改第11行代碼即可
"imageUrlPrefix": "/Scripts/ueditor/net/", /* 圖檔通路路徑字首 */
修改上傳路徑：在62行
8.加入水印
既然我們知道修改檔案為上傳檔案，那麼修改上傳處理邏輯可以加入水印
添加一個水印類
WaterMark.cs
/// <summary>
/// 文字水印
/// </summary>
/// <param name="imgPath">伺服器圖檔相對路徑</param>
/// <param name="filename">儲存檔案名</param>
/// <param name="watermarkText">水印文字</param>
/// <param name="watermarkStatus">圖檔水印位置 0=不使用 1=左上 2=中上 3=右上 4=左中 9=右下</param>
/// <param name="quality">附加水印圖檔品質,0-100</param>
/// <param name="fontname">字型</param>
/// <param name="fontsize">字型大小</param>
AddImageSignPic方法參數解析
這樣我們修改自帶的UploadHandler.cs第68行try方法為
儲存後調用寫水印函數，完整的
UploadHandler
這次我們再次上傳預覽效果
成功生成一個文字水印。這個水印類也包含了圖檔LOGO形式的
注掉文字的替換這句：
我下載下傳了部落格園的LOGO，那麼結果顯然
模糊度和圖檔透明度都有關系.
本文轉自ymnets部落格園部落格，原文連結：http://www.cnblogs.com/ymnets/p/5247638.html，如需轉載請自行聯系原作者