zoukankan      html  css  js  c++  java
  • .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

  • 相关阅读:
    标定相关-一些资源
    论文基础-5几何知识
    论文基础-3微积分
    h5页面 判断网页是否由微信或qq内置浏览器打开
    Html5 页面后退并刷新
    h5 页面下拉刷新
    绑定点击事件 传参
    公众号做分享功能
    清微信缓存
    手机端适配
  • 原文地址:https://www.cnblogs.com/shitong/p/7844459.html
Copyright © 2011-2022 走看看