用于选择要上传的图像的ckeditor图像插件

Question

在这里，我使用ckeditor，我想使用ckeditor上传图像。 我找到了链接，我确实喜欢它说但我无法获得按钮上传图像。 Link用于显示图像。我的ckeditor版本是CKEditor 4.5.6。 我可以做些什么来上传图片？

Answer 1

请记住，默认情况下，CKEditor不包含文件管理器/上传器，因此您需要集成一些服务器端组件来处理它。它可以是CKFinder（由CKSource创建的文件管理器，可以轻松与编辑器集成的CKEditor背后的公司），您选择的某些第三方产品或您自己的解决方案。

请参阅关于文件上传的CKEditor文档 - 有很多文件，包括准备好在您自己的实现中复制和使用源代码的示例：

• File Upload through Dialogs and Drag&Drop示例
• File Manager Integration文档。
• CKFinder Integration文档
• File Browser API - Creating a Custom File Manager文档
• CKFinder + CKEditor demo

Answer 2

在服务器中上传图片并在ckeditor中设置网址

https://stackblitz.com/edit/angular-ivy-jqy4ni <==角度的演示链接

<ckeditor  [editor]="editor" 
[config]=" {
  ckfinder: {
    options: {
      resourceType: 'Images'
    },
    uploadUrl: "BACK_END_MAPPING_URL_FOR_SAVE_IMG
  },

}"
rows="6">   </ckeditor>


=> for back end use file name "upload"
 Ex. 
  @RequestParam(value = "upload") List<MultipartFile> multipartFile

And response
 FOR SUCCESS ================
    {
          "uploaded": true,
          "url": "http://file/img/get_image_url.jpeg"
      } 
 FOR ERROR ================
   { 
         "uploaded": false,
          "error": {
              "message": "could not upload this image"
          }
    }