.Net Core 使用百度UEditor編輯器


一、准備文件

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 配置

 


免責聲明!

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



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