ASP.NET Core中使用百度在线编辑器UEditor:
1、安装UEditorNetCore
VS 》 工具 》NuGet 包管理器 》搜索“UEditorNetCore”并安装
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,修改为:
serverUrl:"/api/UEditor"
5、修改服务端配置config.json
搜索“Prefix”,全部替换为“/”
如:"imageUrlPrefix": "/", /* 图片访问路径前缀 */
6、添加javascript引用,开始使用UEditor编辑器
<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>
这篇文档对您是否有帮助?