kindeditor（富文本编辑器）的使用-白红宇

kindeditor（富文本编辑器）的使用

阅读量：6990 次

发布时间：2019-06-27

本文共 1235 字，大约阅读时间需要 4 分钟。

导入js
```
      
```

定义多行文本（不可见，给定name）

DOM层加载完毕后执行初始化富文本编辑器

var editor;    //页面初始化完毕后执行此方法    $(function () {        //创建富文本编辑器        editor = COMMON.createEditor("#desc");    });

取文本编辑器中的内容，将编辑器的内容设置原来的textarea空间里
```
//提交表单function submitForm() {   //同步文本框中内容   editor.sync();}
```

COMMON.JS内容：

var COMMON = {    // 编辑器参数    kingEditorParams: {        //指定上传文件参数名称        filePostName: "uploadFile",        //指定上传文件请求的url。        uploadJson: '/pic/upload',        //上传类型，分别为image、flash、media、file        dir: "image"    },    createEditor: function (select) {        return KindEditor.create(select, COMMON.kingEditorParams);    }};

PicController

@RequestMapping("/pic/upload")    @ResponseBody    public Map
      
        picUpload(MultipartFile uploadFile) {        try {            //接收上传的文件            //上传图片            //响应上传图片的url            Map result = new HashMap<>();            result.put("error", 0);            result.put("url", "/123");            return result;        } catch (Exception e) {            e.printStackTrace();            Map result = new HashMap<>();            result.put("error", 1);            result.put("message", "图片上传失败");            return result;        }    }