CkEditor, upload: Getting started, CKBox, CKFinder, SimpleUploadAdapter, Custom Adapter - 04
Let's talk about the ways we have to upload images or files in CKeditor.
Let's now discuss the upload process, since obviously if we try to test it.
CKEditor accepts two ways, you could say one is through a button that should appear here or suddenly I don't see it and the other is the one I always use and that's why I'm a little lost up here is dragging the image and here it tells you it should obviously upload but in this case as we don't have it implemented yet:
ckeditor5.js?v=efbb40b8:9479 filerepository-no-upload-adapter
Read more: https://ckeditor.com/docs/ckeditor5/latest/support/error-codes.html#error-filerepository-no-upload-adapter
It will give us a nice error or warning in this case like the following one that clearly tells us that we have not defined an adapter, so what the hell does this mean in this class? First, we are going to see a little how all this works, how it accepts it, how we can indicate to CKEditor that we want to upload a file, that is, how we can configure CKEditor to support uploading files, in this case images. So, to get to this page, as it says, it is very difficult, we write here.
CKEditor upload image
That is what we usually want to load and the first link if not, go here and browse like crazy but it is a little bit of a problem with the documentation here. So we have several ways, one is to go through the checkout and configure here the plugin called CKBox or CKFinder, which are very elaborate plugins.
Simple Adapter or Custom adapter
So again, the Premium form with this pair of packages and the poor form which is using these two options which is the simple adapter which is already a package, that is to say a small package:
import {
ClassicEditor,
SimpleUploadAdapter,
***
} from 'ckeditor5';
So we can import it this way we will see it later we import it and configure some things and that's it and the other one is creating a custom adapter but the important thing that you notice here is the term adapter which is the one that is not indicated here so that is basically what we have to configure which one to use I would go for this one really eh later I will talk to you a little bit about this one since I used it I think it was for CKEditor 3 4 I don't really remember but at least I know that in the 5 I didn't use it and well when I was trying to test the code that I had it didn't work for me it was probably some nonsense I had to fix it but in the end I went for this one which was simpler But we are simply going to treat this one a little bit in a spoken way and this one we will implement in the same way here you have more information Although the sec editor documentation is very extensive or very thick:
https://ckeditor.com/docs/ckeditor5/latest/features/images/image-upload/image-upload.html
- Andrés Cruz
Develop with Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter