.Net Core 使用百度UEditor编辑器

一、准备文件网址:yii666.com

1. 下载UEditor官方版本.删除其中后端文件。保留后端文件夹中的config.json文件

.Net Core 使用百度UEditor编辑器.Net Core 使用百度UEditor编辑器

2. 在NuGet管理器中搜索UEditorNetCore,拿到项目地址,下载源码

.Net Core 使用百度UEditor编辑器

下载地址:https://github.com/sankeyou/UEditorNetCore文章来源地址https://www.yii666.com/article/756077.html

 二、使用参考文档: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();
}

.Net Core 使用百度UEditor编辑器

2. 添加Controller用于处理来自UEditor的请求网址:yii666.com<

    [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一致。

.Net Core 使用百度UEditor编辑器.Net Core 使用百度UEditor编辑器

3. 把之前保留的config.json文件拷贝到,使用编辑器的网站根目录下,修改上传操作配置PathFormat和Prefix。例如:

.Net Core 使用百度UEditor编辑器

三. 关于上传保存路径。因为下载了源码,我是直接在源码里修改。存放到其他文件夹

打开下载的源码:

.Net Core 使用百度UEditor编辑器

1. 修改选中类 UploadImageAction,UploadScrawlAction,UploadVideoAction,UploadFileAction 方法。例如:文章来源地址:https://www.yii666.com/article/756077.html

        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();
}//修改前

修改后的配置内容

.Net Core 使用百度UEditor编辑器

2. 修改图中选中类。替换保存文件使用Config.WebRootPath的路径

.Net Core 使用百度UEditor编辑器.Net Core 使用百度UEditor编辑器文章地址https://www.yii666.com/article/756077.html

3. 从其他网站复制在编辑器粘贴的图片,如果要将其保存到本地。修改下图选中文件,如果不保存则修改ueditor.config.js 配置

.Net Core 使用百度UEditor编辑器.Net Core 使用百度UEditor编辑器

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png