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

#ckeditorinlaravel
#ckeditor
#ckeditor5
#textboxwithimageandtextinlaravel
CKEditor5 Github Link : github.com/cke...
🔥 Send SMS in Laravel using Twilio : • Send SMS in Laravel us...
Buy me a Coffee 🥰 : www.buymeacoff...
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🙏🏻

[@Snow-h1y]

I watched ur video as a guest but after watching it i had to login and subscribe ur absolutely goated , this helped a lot keep on going buddy great tutorial !

[@G2E7O4R1G9E]

Thanks a lot for your help.

[@WebTechKnowledge]

No worries! Glad I could help you out! If you need anything else, just hit me up! 😊

[@MohsenAlirezaeian]

Thanks so muchhh for your useful content, it was really lifesaver 😍😍😍🥰

[@EmirGül-b2f]

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 UA-cam 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

[@utkarshaaryal]

very good video with detailed explanations, which made it easy to follow. but how can we resize the image

[@manncreation3907]

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

[@Nisaa107_]

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

[@ahmadmuhadi9536]

I use this ckeditor for a form input, so how can I prevent the image from being saved to the media folder before I click the submit button?

[@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.

[@fandinurrokhim2615]

thank you, it realy help me 👍👍

[@ecsweb-studio2732]

Thank you very much it helped.

[@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

[@scuraluis]

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

[@sebastiannieroda9022]

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

[@ThoHoang-og5oy]

Hi! Can you make tutorial for insert video? Thank you!

[@fatkur]

is the routes for upload safety? like how about the authorization?

[@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

[@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.

[@khoaavan8075]

thanks you very much

[@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?

[@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?

[@retro1631]

help please, image positioning won't work

[@rezwansaki]

Thanks.

[@Razvanh29]

Is there a *GitHub repo* with that?

[@AtanuMarick]

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

[@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

[@LearnwithAkram39]

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

[@aboozark6307]

tanks a lot

[@WebTechKnowledge]

😁😁

[@smurffronda2951]

Is CKFinder not a premium feature?

[@WebTechKnowledge]

It has both premium and free

[@smurffronda2951]

Thanks, bro.

[@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

[@NIKHILSCI-t3g]

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

[@ecsweb-studio2732]

Add plagin media when building custom build.

[@ewadojeremi170]

bagus bang

[@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.

[@andreans9861]

saya masih error Cannot upload file

[@rezkiandika2021]

sama

[@NIKHILSCI-t3g]

how to make responsive upload in ckeditor

[@ecsweb-studio2732]

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

[@EmirGül-b2f]

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 UA-cam feature you? I'm going to cry. Thank you very much, I was able to do it thanks to you