Upload Image and Text using CKEditor5 in Laravel & show CKEditor5 Data in Laravel

#ckeditorinlaravel
#ckeditor
#ckeditor5
#textboxwithimageandtextinlaravel
CKEditor5 Github Link : github.com/ckeditor/ckeditor5
🔥 Send SMS in Laravel using Twilio : • Send SMS in Laravel us...
Buy me a Coffee 🥰 : www.buymeacoffee.com/yaminshakil
Support This Channel :
Join this channel to get access to perks:
/ @webtechknowledge
Your support will be really appreciated.
Thanks For Watching.
I hope This video was helpful. If you have any questions then let me know in the comment section.
Best of luck
#webtechknowledge
You can connect with me with the given links below:
Facebook Link: / yaminshakil07
Instagram Link: / yamin_shakil
Twitter Link: / yaheashakil

[@WebTechKnowledge]

======================= Welcome.blade.php Page==============

Laravel CkEditor5 Image Upload Web tech Knowledge


.ck-editor__editable_inline {
height: 500px;
}




@csrf
Title






ClassicEditor
.create(document.querySelector('#editor'), {
ckfinder: {
uploadUrl: "{{ route('ckeditor.upload', ['_token' => csrf_token()]) }}",
}
})
.catch(error => {
console.error(error);
});


==========================controller page ====================================

[@vinithasampathkumar5146]

thanks lot.. its really awesome ...very useful to me

[@andreans9861]

@@WebTechKnowledge please no deleted i will try🙏🏻

[@user-qn8kg4hb5r]

I just want to say this, I have been trying for 4 hours and I solved it very easily with your video. Why doesn't RUclips feature you? I'm going to cry. Thank you very much, I was able to do it thanks to you

[@Nisaa107_]

Thanks sir, this tutorial can help me for make my project

[@ecsweb-studio2732]

Thank you very much it helped.

[@dominicdeheuer937]

Thanks a lot for the tutorial. It works for me. However, I think in one way or the other, WordPress offers more flexibilities in terms of editing.

[@manncreation3907]

very very very very very very very useful man. thanks in advance.

[@fandinurrokhim2615]

thank you, it realy help me 👍👍

[@mdazhardware]

Thanks for this awesome and helpful tutorial, could make a CRUD video just for the CKEditor5, thanks in advance.

[@WebTechKnowledge]

Maybe in the future

[@deepakagarwal663]

Thanks for this tutorial, it helps a lot. But I had multiple editor used at different sections in admin panel, how to manage it as I have to write same script code wherever I used ckeditor 5 with same I'd or from above it makes for all editor

[@khoaavan8075]

thanks you very much

[@rezwansaki]

Thanks.

[@scuraluis]

Would have been great if you showed how to install it with NPM as is more a real world example

[@ecsweb-studio2732]

If you get an error, be sure to check the permissions of the folder in which the images are uploaded and change them to the necessary ones.

[@user-qu7yi4sv9t]

but how can i delete that image from that folder when i am using ckfinder???

[@aboozark6307]

tanks a lot

[@WebTechKnowledge]

😁😁

[@sebastiannieroda9022]

Great video . But what about the media? How to upload e.g. a movie?

[@salifoumahamane7392]

Hello, when i display the description, the images ar too big. it's look like they keep their original size. can you help me please?

[@ewadojeremi170]

bagus bang

[@TRUONGCONGLY-yg7ej]

how to delete those image files in your "public/media" when you delete a 'student'

[@yubastudio2112]

Create a database table where you store image path. And in the post controller mention images names in array and when ever you delete the post track the images paths by the array list and database images paths.. how you understand the logic

[@TRUONGCONGLY-yg7ej]

i mean when you just select image in CKEditor5 the image was saved in "public/media" whether you don't click button "Add data" to insert data into database. If you erase these image then it was still saved in "public/media"
How to delete these image in "public/media".

[@TRUONGCONGLY-yg7ej]

When I save the data to the database, I will compare all the image paths in the database and in "public/media". If something is not in the database, I delete it from "public/media". Is this solution effective?

[@arifulsikder777]

i have a problem, i can not positioning the image? if you help me, it can be a big help for me please

[@chandrapalyadav8100]

Please share code

[@Razvanh29]

Is there a *GitHub repo* with that?

[@retro1631]

help please, image positioning won't work

[@CodingEscort]

not working i also input type file with submit button not working

[@funskillup]

can it work online on live server? or only work in local server. Because i watched another video with script like this, it cannot work on live server

[@WebTechKnowledge]

It can work live

[@user-el8gf3ly4g]

how to Upload youtube video in CKEditor 5 and save into database using laravel ?

[@ecsweb-studio2732]

Add plagin media when building custom build.

[@smurffronda2951]

Is CKFinder not a premium feature?

[@WebTechKnowledge]

It has both premium and free

[@smurffronda2951]

Thanks, bro.

[@sidingfog6137]

How to resize image?

[@ecsweb-studio2732]

Two variants: make resize before uplod image, second add plugin for this when building custom build, but it has to make file resize in server side too.

[@user-el8gf3ly4g]

how to make responsive upload in ckeditor

[@ecsweb-studio2732]

Add plugin when you building custom build, it has plugin but it premium.

[@andreans9861]

saya masih error Cannot upload file

[@rezkiandika2021]

sama

[@user-qn8kg4hb5r]

I just want to say this, I have been trying for 4 hours and I solved it very easily with your video. Why doesn't RUclips feature you? I'm going to cry. Thank you very much, I was able to do it thanks to you

[@WebTechKnowledge]

Thanks a lot for your valuable comment