1. 程式人生 > >.Net Core 使用百度UEditor編輯器

.Net Core 使用百度UEditor編輯器

緩存配置 fix oid format public 管理器 gui proc cti

一、準備文件

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

技術分享圖片技術分享圖片

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

技術分享圖片

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

二、使用參考文檔: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 配置

技術分享圖片技術分享圖片

.Net Core 使用百度UEditor編輯器