Add A Rich Text Editor To A Django Blog - Django Blog #21

[@Codemycom]

▶️ Watch Entire Django Blog Playlist ✅ Subscribe To My KZbin Channel: bit.ly/3bWN6wj bit.ly/2IGzvOR ▶️ See More At: ✅ Join My Facebook Group: Codemy.com bit.ly/2GFmOBz ▶️ Learn to Code at Codemy.com ✅ Buy a Codemy T-Shirt! Take $30 off with coupon code: youtube1 bit.ly/2VC9WUN

[@Joisthename]

Of all the tutorials I’ve watched about python django- I never thought I could get this far in this amazing playlist. I’ve learned a lot and yes! I’m gratefuuuuul

[@Codemycom]

Glad it helped!

[@christopherk4166]

For anybody else who was wondering - I've been doing a bit of research on how safe it is render the generated rich text on a page. Obviously, you wouldn't want people to be injecting tags into your page. Thankfully django-ckeditor sanitizes the code before it gets saved in your database. tags don't work either. Neither do inline styles or script attributes like 'onclick'.

[@danieldiaz855]

Yeah but the risk remains because you can see and modify the source code!

[@christopherk4166]

@@danieldiaz855 If I remember correctly, I tested this with by modifying the POST data before it was sent. The validation and sanitation happens server-side.

[@Hollands2511]

Great vid! Straight to the point and just the right amount of detail. 5 minutes of this video had me finish what I tried to do for half an hour myself

[@Codemycom]

Awesome!

[@khadijahalsmiere3718]

OMG ! did you know that you just saved my life?? big thank you and big like and big subscribe and big notification on! you deserve it man.

[@Codemycom]

Glad you liked it!

[@ryanegbe873]

wow, great video, I must say. 5:33 Line 24 has saved me from the frustration I have been going through for a week now. Thank You so much💗💗💗💗💗💗

[@Codemycom]

Happy to hear it!

[@geeorge]

this is the 4th editor I'm trying to use with django and the first time it actually works. Many thanks!!

[@Codemycom]

Welcome!

[@coolshoeshine]

Another super excellent video where it just straight up answered a question with no bs in the way. You sir are a king amongst men.

[@Codemycom]

Glad you enjoyed it!

[@chiccoaderik]

Always great and surprisingly quick and easy what you do for us. I will never stop thanking you. Excuse me for my barely enough English. Riccardo

[@Codemycom]

Thanks, I appreciate it!

[@ali_sadrian]

Your youtube channel is the best in the game. I'm a legit fan of yours now

[@softwareengineer8923]

It was quite informative, thank you!

[@Codemycom]

Welcome

[@antorzuck]

ladies and gentleman, this guy is a legend

[@Codemycom]

Thanks!

[@lawrenlelko]

ckeditor - is responsive! WooHoo!

[@Codemycom]

nice

[@muhammadsalmanahmed5541]

I was trying to figure this out for a long time. Thank You.

[@Codemycom]

Welcome!

[@andrewsmichael7047]

Your teaching is so cool to understand, Thank you

[@Codemycom]

Thanks! Glad you're enjoying it!

[@amritsubramanian8384]

you are exceptional, thanks for giving me a hand on developing a blog

[@Codemycom]

thanks for watching!

[@adamflanagan1879]

I love that I tried it myself with def __init__ just to watch the video after and see a different and better way to do it. This is a really, really good KZbin tutorial series!

[@rahamanhabib1347]

Great!!! It worked... Responsive problem in design though

[@Codemycom]

There shouldn't be

[@motiurrahman8751]

Take love and respect mate!

[@Codemycom]

Thanks!

[@juricapuljiz5738]

Wow, closest thing to magic, thanks so much!

[@princegupta8022]

The way you teach is Awesome 💓

[@Codemycom]

Thank you!

[@deyvidsantos3663]

Excellent video and excellent explaining, Thank you very much.

[@Codemycom]

Thanks!

[@leonardodasilvadiasjunior3899]

Very amazing, master. Congratulations, you are the man.

[@Codemycom]

thanks

[@RugvedhiGuru]

awesome content bro ... love it .. Best Django Tuts on youtube.. u make it look so easy ..

[@Codemycom]

Glad you like it!

[@aminvasefpoor5383]

Man! You saved my life with this video! Thanks :D

[@Codemycom]

Happy to hear it!

[@agentNirmites]

This video is great!

[@Codemycom]

Thanks!

[@trong-datnguyen3426]

when I add post, the field title tag appear "Select a valid choice. That choice is not one of the available choices. ", anyone get same error with?

[@innocent8484]

When I try to export my query to a word file, I cannot use the safe feature, so I cannot read the data. I cannot view the value because the tag is recorded in the database. Is there a solution for this?

[@nikithashekhar1522]

(Hidden field author) Select a valid choice. That choice is not one of the available choices. Why does it shows this when i try to post a new blog ? Please Answer

[@bnodtwari]

Hey I am not finding a well verged explanation on how to style this even in the documentation, could you please explain?

[@rangabharath4253]

awesome as always. Clear explanation

[@Codemycom]

Thanks! Glad you liked it

[@080somyasrivastava6]

Thanks for such an amazing tutorial

[@Codemycom]

Thanks for watching!

[@kashibrown9989]

this is amazing man... THANK YOU!

[@Codemycom]

Welcome! Glad you found it useful!

[@CitizenCoder]

Hey manh, first I wanted to say I love your teaching style and how easy you make things. I was able to easily integrate this with my existing app. However, I found out after getting it installed and running that the company no longer supports it, and they want you to pay to upgrade etc(not afraid of paying, but no budget at the moment). Is there another one that you would recommend to use, that is maybe just as easy to implement? I've looked at Quill but I can't seem to get it working. Thanks for your video and your time.

[@Codemycom]

sorry no

[@ketanpatil3064]

Thank you for the video Mr.White

[@Codemycom]

lol

[@ferdousahmed5159]

How can i upload images from my pc with ckeditor

[@jonadabedesantanapinho3072]

Thank you, brow!

[@Codemycom]

welcome

[@bhanuprakash9765]

I got it...what iam searching for...tnq

[@ali_sadrian]

Thank you Sir! Amazing!

[@Codemycom]

Welcome!

[@CodeBreakersOfficial]

you are awesome sir plz make a video on inventory management system

[@elegantdigitalskills3073]

Hello, John Elder, you are a true Legend. well i am having problems when Adding post with Ckeditor. I have added Safe to avoid the html tags but it only disappeared on home page. when i click on one blog post to read i find tags in there and no line breaks...

[@Codemycom]

if you added safe to the home page...yeah, it will only effect things on the homepage...you have to add it to the blog post pages if you want it there too.

[@elegantdigitalskills3073]

@@Codemycom Thanks for your response. It worked well. Be blessed

[@Codemycom]

@@elegantdigitalskills3073 Awesome

[@dradrigapatrick]

I used to think these things are hard, but now you have show to me that they are actually not. How do you guys remember all of these stuff!! I need the trick. I love the Tutorial. I can see where am going.

[@Codemycom]

Glad you're enjoying the videos!

[@tailorjaimin5161]

Thank You So Much for your videos I am implemented with you 😀

[@Codemycom]

Thanks!

[@brunopetinatijs]

OMG YOU HELPED ME SO MUCH THANKS

[@Codemycom]

Glad I could help!

[@vanessaveizaga962]

hola! sigo todos los pasos del video, y el editor me aparece en el admin, pero no en la página. Que será? Gracias por tus videos!!

[@Codemycom]

rewatch the video and try again

[@mikey8099]

Does adding 'safe' tag makes the default escaping for that field disabled. If yes does it means that the data entered in that field is not sanitized?

[@watsoncyrusanikwai3888]

Awesome man! Thanks!

[@Codemycom]

Welcome!

[@bartcarpenter9427]

Great video...Is there a more robust editor available for Django? Select the font type, size, page breaks etc?

[@maihuire11]

Excellent.

[@Codemycom]

Many thanks!

[@gabrieuz]

Thank You.

[@Codemycom]

Welcome

[@sriram9786]

I like the way he tells smash the like button and subscribe

[@Codemycom]

:-)

[@mtrkhan566]

Can you add one more thing? I want to know "how to add comments in a blog post"?

[@Codemycom]

Yeah will probably get to that

[@ulvidamirli2758]

@@Codemycom Thanks!! Online chat and or chatbot would be very interesting as well.

[@harmankibue2497]

Hello is it a must to have a form file in order for ckeditor to work?

[@tanayawankar5804]

Best tutorial 👌

[@Codemycom]

Thanks!

[@mtrkhan566]

Thanks for this video

[@Codemycom]

Thanks for Watching!

[@fabiof.deaquino4731]

Great job :)

[@Codemycom]

Thank you!

[@aminalih4764]

Hello , thank for video I have a question this rich text work correctly on django admin panel but in my admin panel it doesn't work how can I fix it ?

[@rajpanchal2169]

if You solve it tell me please

[@aminalih4764]

@@rajpanchal2169 Hello friend , according to the ckeditor (RichText) documentation we should add some custom setting in SETTING.py file in django project

[@jaysuthar2617]

Thank You so much

[@Codemycom]

You're most welcome

[@adelabu-ghazaleh1228]

Great man thank you

[@Codemycom]

You're welcome!

[@nbleijie]

Hi great video! Works like a charm! One question though, how do you remove certain buttons from the toolbar?

[@Codemycom]

I'm not sure you do...check the documentation

[@ps-vq3wf]

|safe tag is not recognized in react. The html tags are appearing as they are. How can we solve this ?

[@Codemycom]

This is not a react course

[@imadsalim9586]

Hi Mr John Elder, you are doing great job , plz can you make video bout creating chatbot using django

[@Codemycom]

I don't really know anything about chatbots, sorry

[@bigsandip]

Nice

[@Codemycom]

Thanks!

[@cyber_coding6469]

what about responsiveness of your website once you add ck-editor

[@nooobgamer01]

sir how to enable mobile view of ckeditor

[@prakhar_pratyush]

In settings.py file CKEDITOR_CONFIGS = { 'default': { 'width': 'auto', } }

[@pinochaatum5450]

Hi, I want to use {{ form.body }} instead of {{ form.as_p }} in order to customize my add page but it doesnt work. Not showing editor.

[@sriram9786]

How jt handles cross site request attack. Meaning how it handles tag injected how it is going to clean the harmful tags?? Thank you 🌹 your videos are always awesome. Waiting for your reply

[@Codemycom]

django uses csrf tokens

[@sriram9786]

@@Codemycom I am asking cross site scripting sorry.

[@ali_sadrian]

Are the fields (bold, italic, etc) editable? For instance can I remove the image icon from it?

[@bashbukari1089]

nice video

[@Codemycom]

Thanks!

[@achillestroy3122]

Can we add a signature from this editor like if I create some letter or application and at the end I want to add my signature how can I do that ?

[@manny7662]

What if I'm using a crispy form with ckeditor?

[@ufukcicek9976]

Hello, I also use Editorjs in my project. But I have a problem, I can save images and files in the editor in my local, but when I deeploy the project, I get an error. It says it can't find the file. I searched a lot but couldn't find a solution. Do you have any idea about this topic?

[@Codemycom]

Sorry, never heard of that

[@DanialAzarpanah]

How can I add additional fonts to ckeditor? I would really love if somebody got a straight forward solution for it

[@zainulhassan9186]

CKEditor Not Working to My Post Page .Because I am Styling My Website Using CSS Only. What Can I Do For This ?

[@scoryjf1154]

Despite your fucking langage which obliged me to quickly progress in english, i also quickly progress in python django html... Thank a lot !

[@Codemycom]

You're welcome, I think...

[@bintangpratomo8879]

hiiii i have a question about the ckeditor. the django ckeditor has no class name each element, so how i can set default class name on each element? example : when i add an image, the image element tag will be like this

[@amirsohail2368]

please give us github repo as well, it will help a lot, thanks

[@Jesufemi_O]

Hi, great content here! Please, I'm looking to use CKeditor with Django rest framework browsable API, how do I go about serializing the body field in my post serializer? thank you :)

[@samkim5612]

Same

[@twoandhalfbengals]

cool.. can you explain how to make this work on AWS and S3? keep getting files forbidden. It's trying to load from my app, not sure why..

[@Codemycom]

No

[@krankerapfel]

Thank you for this great video ! Do you know if it's possible to pick a picture in our project database. Or if we can dev a custom button ?

[@Codemycom]

Sorry, not sure what you mean

[@esvictor]

Smaaaash button

[@Codemycom]

ha!

[@kruthikeshmk]

Can we still do this without forms.py on a text input field?

[@ulvidamirli2758]

Thanks!!

[@Codemycom]

No problem!

[@akashpatil4613]

Ckeditor is not working when I used the AWS S3 bucket. Somebody plz help !!!

[@almiracontracting5119]

thanks

[@Codemycom]

Welcome

[@Node2020]

but how to edit the size of the ckeditror image in HTML so that on the pre-display page the image fits into the card?Thank you!

[@WVZoro]

put it inside a div with the height and weight you want. it should adapt to that div

[@idkname]

what if upload img, it works?

[@andresmon33]

how can I protect that ckeditor input of malicius script tag?

[@sairamsr7131]

NoReverseMatch at /addpost/ Reverse for 'Blog' with arguments '('4', '8')' not found. 1 pattern(s) tried: ['blog/(?P[0-9]+)$'] how to solve this error this thing i am geting both places while creating and updating article actully i tried using success_url = reverse_lazy("home") but after updating image or url in rich text editor thowrs me this error

[@universefacts6757]

How to interact with this using js events?

[@programmer518]

hello thank for this video I have two questions how to change the language in ckeditor and is django-ckeditor-5 same as this pakage? thank you

[@Codemycom]

Sorry, not sure

[@ulvidamirli2758]

What if I want non-styled version of text for my list view page. But styled in my detail page view. Thanks again for awesome tutorial, BTW!

[@Codemycom]

Nothing stopping you from doing that

[@ulvidamirli2758]

@@Codemycom yeah, I found the answer. Using strip_tags from django.utils.html

[@jaybon2076]

@@ulvidamirli2758 how did you do this exactly? I can't seem to figure it out

[@jaybon2076]

figured it out, {{ post.body | slice:":200" | safe | striptags }} in the home.html doc

[@zaheerbeg4810]

how can implement this without django forms

[@harshdeepsingh9324]

Please make a video on how to add ads on our website

[@Codemycom]

Just paste the ad code anywhere you want on your site

[@edwardhanson8039]

i did not use the form.as_p, i made an html form and linked it to the model, the ckeditor is not showing, how do i solve it please?

[@Codemycom]

use form.as_p

[@funwithpython883]

Can I get help with how to insert a local image in TinyMCE?

[@lucky0020]

Great video but when user add emoji or image it breaks the layout and style of html page, is there any solution to this problem?

[@rogueDukakis]

It has to do with "slice" on the home page. I'm trying to figure it out.

[@koreckie4967]

Hi, is there any way to put the max size of an image. For example when I upload an image and it is over 500 width and 500 height then the post is not created and there will be an alert.

[@Codemycom]

Probably, but I don't have videos on that

[@koreckie4967]

@@Codemycom so do you know any way to do it?

[@fariaius3874]

Works Fine at my localhost but doesn't at server....Please Help

[@Codemycom]

I have videos on pushing sites to heroku for hosting. It's a whole thing

[@theglammcoder]

Hey , ckeditor is going out of my container of my add_post page, Any idea how can i adjust the size of ckeditor ???

[@prakhar_pratyush]

In settings.py file CKEDITOR_CONFIGS = { 'default': { 'width': 'auto', } }

[@darwinsterritory]

@@prakhar_pratyush You did such a good deed, and no one even said thank you to you, but you helped me a lot and I say thank you friend!)