.Net Core中使用UEditor


一.下載解壓UEditor的.net版本(這個直接使用的話是asp.net的版本)

我下載的是這個

再給留上地址http://ueditor.baidu.com/website/download.html

 

二.新建.net core項目,把解壓后的文件夾放到項目里

三.安裝配置UEditorNetCore也就是.net core版本的后端代碼(這個有大神遷移過來了我們直接用就好了)

1.安裝UEditorNetCore

Install-Package UEditorNetCore

或者你可以在nuget管理工具里邊搜索

2.在Startup.cs的ConfigureServices方法中添加UEditorNetCore服務

復制代碼
public void ConfigureServices(IServiceCollection services)
{
  //第一個參數為配置文件路徑,默認為項目目錄下config.json
  //第二個參數為是否緩存配置文件,默認false
  services.AddUEditorService()
  services.AddMvc();
}
復制代碼

3.添加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);
    }
}
復制代碼

4.修改前端配置文件ueditor.config.js

serverUrl需要參照第3步Controller中配置的路由,按照上面步驟3中的配置,需要以下配置:

serverUrl:"/api/UEditor"

這樣配置后當前端要獲取服務端UEditor配置時就會訪問/api/UEditor?action=config。

5.修改服務端配置config.json

上傳類的操作需要配置相應的PathFormat和Prefix。示例部署在web根目錄,因此Prefix都設置為"/"。使用時要根據具體情況配置。 例如示例中圖片上傳的配置如下:

"imageUrlPrefix": "/", /* 圖片訪問路徑前綴 */
"imagePathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}",

關於PathFormat的詳細配置可參照官方文檔。

6.添加javascript引用

<script type="text/javascript" charset="utf-8" src="~/lib/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="~/lib/ueditor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="~/lib/ueditor/lang/zh-cn/zh-cn.js"></script>

上面這一部分內容是我直接復制大佬的https://www.cnblogs.com/durow/p/6116393.html

UEditorNetCore代碼和示例:https://github.com/durow/UEditorNetCore

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM