.Net Core 使用百度UEditor編輯器

1、準備文件

1. 下載UEditor官方版本.刪除其中後端文件。保留後端文件夾中的config.json文件

2. 在NuGet管理器中搜索UEditorNetCore,拿到項目地址,下載源碼

下載地址:https://github.com/sankeyou/UEditorNetCore

 2、使用參考文檔：http://www.cnblogs.com/durow/p/6116393.html

1. Startup.cs 注入UEditor服務

　　　　 public void ConfigureServices(IServiceCollection services) { //參數1爲配置文件路徑，默認爲項目目錄下config.json //參數2參數爲是否緩存配置文件，默認false
 services.AddUEditorService(); services.AddMvc(); }

2. 添加Controller用於處理來自UEditor的請求

[Route("api/[controller]")] public class UEditorController : Controller { private UEditorService ue; public UEditorController(UEditorService ue) { this.ue = ue; } public void Do() { ue.DoAction(HttpContext); } }

注意：路由的地址應於ueditor.config.js配置中的serverUrl一致。

3. 把以前保留的config.json文件拷貝到，使用編輯器的網站根目錄下，修改上傳操做配置PathFormat和Prefix。例如：

 

三. 關於上傳保存路徑。由於下載了源碼，我是直接在源碼裏修改。存放到其餘文件夾

打開下載的源碼：

1. 修改選中類 UploadImageAction,UploadScrawlAction,UploadVideoAction,UploadFileAction 方法。例如：

 private void UploadImageAction(HttpContext context) { new UploadHandler(context, new UploadConfig() { AllowExtensions = Config.GetStringList("imageAllowFiles"), //PathFormat = Config.GetString("imagePathFormat"),
                PathFormat = Guid.NewGuid().ToString(),//修改一下文件名的生成方式，我是直接使用GUID
                SizeLimit = Config.GetInt("imageMaxSize"), UploadFieldName = Config.GetString("imageFieldName"), SaveFilePath = Config.GetString("imageSaveFilePath")//新增一個參數用於獲取保存路徑,在config文件中新增配置項
 }).Process(); }//修改後的

 private void UploadImageAction(HttpContext context) { new UploadHandler(context, new UploadConfig() { AllowExtensions = Config.GetStringList("imageAllowFiles"), PathFormat = Config.GetString("imagePathFormat"), SizeLimit = Config.GetInt("imageMaxSize"), UploadFieldName = Config.GetString("imageFieldName") }).Process(); }//修改前

修改後的配置內容

2. 修改圖中選中類。替換保存文件使用Config.WebRootPath的路徑

3. 從其餘網站複製在編輯器粘貼的圖片,若是要將其保存到本地。修改下圖選中文件,若是不保存則修改ueditor.config.js 配置