Welcome to Geeklog, Anonymous Saturday, November 30 2024 @ 07:40 pm EST
Geeklog Forums
Drag and drop image upload in CKEditor
Status: offline
OMAL
Forum User
Regular Poster
Registered: 12/06/17
Posts: 107
Drag and drop image upload in CKEditor is possible, but you can't do that with default Geeklog version2.2, so you have to customize it.
That feature is welcomed for users who has a lot of images in the geeklog websites. uploading a image and sending it to the server takes time and more images they have, more lags they have. But they just want to embed an image to an article just in time, not want to communicate with the server nor to browse the image folder.
I integrate CKEditor with CKFinder to do that.
See this official demo page https://ckeditor.com/docs/ckeditor4/latest/examples/fileupload.html#uploading-dropped-and-pasted-images
It also make it easier to pass the URL of the image to filemanager after uploading an image via Browse Server, because it automatically and immediately passes the URL in Image Properties pane.
I don't know but CKEditor 5 may be more convenient for that.
That feature is welcomed for users who has a lot of images in the geeklog websites. uploading a image and sending it to the server takes time and more images they have, more lags they have. But they just want to embed an image to an article just in time, not want to communicate with the server nor to browse the image folder.
I integrate CKEditor with CKFinder to do that.
See this official demo page https://ckeditor.com/docs/ckeditor4/latest/examples/fileupload.html#uploading-dropped-and-pasted-images
It also make it easier to pass the URL of the image to filemanager after uploading an image via Browse Server, because it automatically and immediately passes the URL in Image Properties pane.
I don't know but CKEditor 5 may be more convenient for that.
35
31
Quote
Status: offline
Laugh
Site Admin
Admin
Registered: 09/27/05
Posts: 1470
Location:Canada
I added a note about checking out CKFinder more to see about adding it when we move to CKEditor 5.
https://github.com/Geeklog-Core/geeklog/issues/858
One of the Geeklog Core Developers.
https://github.com/Geeklog-Core/geeklog/issues/858
One of the Geeklog Core Developers.
23
24
Quote
Status: offline
OMAL
Forum User
Regular Poster
Registered: 12/06/17
Posts: 107
Note that CKFinder is not open source editor. It is free to use as demonstration,ie.test.
I installed it and tested it then I found that it's drag and drop feature is awesome.
For integration, KCFinder is another option, it is obsolete though.
Also, note that CKEditor 5 changed the license.
This info is for visitors on this topic.
I installed it and tested it then I found that it's drag and drop feature is awesome.
For integration, KCFinder is another option, it is obsolete though.
Also, note that CKEditor 5 changed the license.
This info is for visitors on this topic.
26
26
Quote
Status: offline
Laugh
Site Admin
Admin
Registered: 09/27/05
Posts: 1470
Location:Canada
Thanks for the update.
It looks to be still compatible with Geeklog's License so all should be okay with using CKEdiotr 5.
https://ckeditor.com/legal/ckeditor-oss-license/
Unfortunately we cannot use CK Finder but we just replaced our current File Manager with the Rich File Manager which supports drag and drop (but not image manipulation)
https://github.com/Geeklog-Core/geeklog/issues/806
https://github.com/servocoder/RichFilemanager
One of the Geeklog Core Developers.
Also, note that CKEditor 5 changed the license.
It looks to be still compatible with Geeklog's License so all should be okay with using CKEdiotr 5.
https://ckeditor.com/legal/ckeditor-oss-license/
Unfortunately we cannot use CK Finder but we just replaced our current File Manager with the Rich File Manager which supports drag and drop (but not image manipulation)
https://github.com/Geeklog-Core/geeklog/issues/806
https://github.com/servocoder/RichFilemanager
One of the Geeklog Core Developers.
29
27
Quote
Status: offline
OMAL
Forum User
Regular Poster
Registered: 12/06/17
Posts: 107
Looks like there are other fileuploaders which can manipulate drag and drop image.
https://github.com/Studio-42/elFinder/issues/2202
and KCFinder could be possible.
Both are open source programs and need customize to achieve that.
https://github.com/Studio-42/elFinder/issues/2202
and KCFinder could be possible.
Both are open source programs and need customize to achieve that.
26
31
Quote
All times are EST. The time is now 07:40 pm.
- Normal Topic
- Sticky Topic
- Locked Topic
- New Post
- Sticky Topic W/ New Post
- Locked Topic W/ New Post
- View Anonymous Posts
- Able to post
- Filtered HTML Allowed
- Censored Content