CKEditor实现截图CTRL+V图片上传服务器

431 阅读1分钟

1. 需求:产品后台,增加产品迭代告知客户迭代信息,为了编辑产品说明信息/截图更加方便,ctrl+v就能使用当前图片并保存到自己服务器

2. 一直使用CKEditor,已解决多个场景

3. 使用

    a. 首先下载

b. 配置

     1)前端配置

         1、解压并打开ckeditor/config.js

               

2、响应:文件上传成功,需返回以下JSON响应

  • uploaded–设置为1
  • fileName –上传文件的名称。
  • url –上载文件的URL(URL编码)。

        注:没有按此结构返回,文件上传成功后编辑器内无图片显示 

  1. {

  2. "uploaded": 1,

  3. "fileName": "foo.jpg",

  4. "url": "/files/foo.jpg"

  5. }

4. 测试(以上配置完之后进行截图、ctrl+v,图片保存到了你的服务器则成功)

    1)接口返回

    2)显示