Add A Rich Text Editor To A Django Blog - Django Blog #21
Вставка
- Опубліковано 21 лип 2024
- In this video I'll show you how to add a Rich Text Editor to your django blog.
We'll be using django-ckeditor (an easy to use rich text editor) which will allow as to stylize our blog posts and add images and links easily.
Once we pip install django-ckeditor, all we have to do is make a quick tweak to our models.py file, then make a migration and push that migration, and we can start using the text editor in our blog!
#Django #PythonDjango #DjangoBlog
▶️ Watch Entire Django Blog Playlist ✅ Subscribe To My UA-cam 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
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
Glad it helped!
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
Awesome!
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.
Glad you enjoyed it!
Your youtube channel is the best in the game. I'm a legit fan of yours now
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.
Glad you liked it!
this is the 4th editor I'm trying to use with django and the first time it actually works. Many thanks!!
Welcome!
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
Thanks, I appreciate it!
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💗💗💗💗💗💗
Happy to hear it!
It was quite informative, thank you!
Welcome
I was trying to figure this out for a long time. Thank You.
Welcome!
awesome content bro ...
love it ..
Best Django Tuts on youtube..
u make it look so easy ..
Glad you like it!
Man! You saved my life with this video! Thanks :D
Happy to hear it!
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'.
Yeah but the risk remains because you can see and modify the source code!
@@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.
Your teaching is so cool to understand, Thank you
Thanks! Glad you're enjoying it!
Excellent video and excellent explaining, Thank you very much.
Thanks!
Great video...Is there a more robust editor available for Django? Select the font type, size, page breaks etc?
The way you teach is Awesome 💓
Thank you!
you are exceptional, thanks for giving me a hand on developing a blog
thanks for watching!
awesome as always. Clear explanation
Thanks! Glad you liked it
this is amazing man... THANK YOU!
Welcome! Glad you found it useful!
Wow, closest thing to magic, thanks so much!
This video is great!
Thanks!
Very amazing, master. Congratulations, you are the man.
thanks
Thanks for such an amazing tutorial
Thanks for watching!
Thank You So Much for your videos
I am implemented with you 😀
Thanks!
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 UA-cam tutorial series!
Awesome man! Thanks!
Welcome!
Thank you Sir! Amazing!
Welcome!
Thank you for the video Mr.White
lol
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.
sorry no
Hi great video! Works like a charm! One question though, how do you remove certain buttons from the toolbar?
I'm not sure you do...check the documentation
OMG YOU HELPED ME SO MUCH THANKS
Glad I could help!
Take love and respect mate!
Thanks!
Thank you, brow!
welcome
Great!!! It worked... Responsive problem in design though
There shouldn't be
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?
I got it...what iam searching for...tnq
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
Hello is it a must to have a form file in order for ckeditor to work?
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?
Hey I am not finding a well verged explanation on how to style this even in the documentation, could you please explain?
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 ?
Sorry, not sure what you mean
Are the fields (bold, italic, etc) editable? For instance can I remove the image icon from it?
Great man thank you
You're welcome!
you are awesome sir plz make a video on inventory management system
Great job :)
Thank you!
Thanks for this video
Thanks for Watching!
Best tutorial 👌
Thanks!
ckeditor - is responsive! WooHoo!
nice
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?
Thank You.
Welcome
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 ?
May allah bless you ..🤲❤❤you just saved me
Happy to hear it!
Excellent.
Many thanks!
ladies and gentleman, this guy is a legend
Thanks!
Thank You so much
You're most welcome
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!
put it inside a div with the height and weight you want. it should adapt to that div
How can i upload images from my pc with ckeditor
How can I add additional fonts to ckeditor? I would really love if somebody got a straight forward solution for it
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 :)
Same
how can I protect that ckeditor input of malicius script tag?
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
Sorry, not sure
Anybody know why linebreaks aren't showing up/working for me when using this?
(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
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...
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.
@@Codemycom Thanks for your response. It worked well. Be blessed
@@elegantdigitalskills3073 Awesome
What if I'm using a crispy form with ckeditor?
what about responsiveness of your website once you add ck-editor
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.
Hi Mr John Elder, you are doing great job , plz can you make video bout creating chatbot using django
I don't really know anything about chatbots, sorry
CKEditor Not Working to My Post Page .Because
I am Styling My Website Using CSS Only.
What Can I Do For This ?
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
Can we still do this without forms.py on a text input field?
Can I get help with how to insert a local image in TinyMCE?
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..
No
Ckeditor is not working when I used the AWS S3 bucket. Somebody plz help !!!
Thanks!!
No problem!
How can we style the images with classes like img-fluid and viewports?
Click the code button on the editor an type in any classes you like
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 ?
if You solve it tell me please
@@rajpanchal2169 Hello friend , according to the ckeditor (RichText) documentation we should add some custom setting in SETTING.py file in django project
|safe tag is not recognized in react. The html tags are appearing as they are. How can we solve this ?
This is not a react course
what if upload img, it works?
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?
Sorry, never heard of that
nice video
Thanks!
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!!
rewatch the video and try again
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.
Probably, but I don't have videos on that
@@Codemycom so do you know any way to do it?
Please master, can you help with a tutorial on how to send reset password link to a user on production, I have followed some tutorials and it's working on local host but saying SmtpRefuse To send error on production...
Thank you
Check your mail credentials in production
Nice
Thanks!
thanks
Welcome
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
django uses csrf tokens
@@Codemycom I am asking cross site scripting sorry.
Hey , ckeditor is going out of my container of my add_post page, Any idea how can i adjust the size of ckeditor ???
In settings.py file
CKEDITOR_CONFIGS = {
'default': {
'width': 'auto',
}
}
@@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!)
How to interact with this using js events?
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.
Glad you're enjoying the videos!
When I post content using the CKEditor, also the HTML tags are displayed on the page am rendering. For example, when I type HELLO WORLD in the editor, on my page it looks like this HELLO WORLD. Kindly it will be of great help to me if assisted.
I had that issue and it was the "safe" word needed to be added to home.html, categories.html and article_details.html both for it to work correctly.
@@rossideas thanks, i did this way {{post.body|safe}} and worked. And have you checked ...Add Blog Post Page - Django Blog #4... on these tutorial series, when i press the post button nothing happens, just being redirected on the same add post page.
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?
use form.as_p
What can i use to add a box to type "code" in, like in stackoverflow with the ``
Not sure what you mean
@@Codemycom in stackoverflow you can make the text appear like code, and it appears inside a grey box when u use ```code here```
@@narej3059 You'll likely need to tweak your css to handle that sort of thing..sorry, it's beyond the scope of these videos
@@Codemycom np it works perfect ckeditor has a 'code' style in the "style" drop down so cool! Keep the good vids thank you
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?
It has to do with "slice" on the home page. I'm trying to figure it out.
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!
Nothing stopping you from doing that
@@Codemycom yeah, I found the answer. Using strip_tags from django.utils.html
@@ulvidamirli2758 how did you do this exactly? I can't seem to figure it out
figured it out, {{ post.body | slice:":200" | safe | striptags }} in the home.html doc
how to add desktop videos on ckeditor(not a youtube link) as there is no any option of adding video ..make a tutorial on this..
I doubt I'll do that. No one hosts their own videos, you use youtube or vimeo. You would just paste in the embed code youtube or vimeo gives you into the blog form there, there's nothing to it.
@@Codemycom why not sir, there are some site which hosts their own video too..i had found ckeditor plugin of video in its official documentation but when i tried to implement ,it doesn't work.you may try it
Hey John I have a doubt. Will this be a security gole for cross site scripting attack.
No
@@Codemycom can we do that without installing the module. In front end and somehow clean the data and use safe in django template view. Waiting for the answer love you. Thank you for your reply
@@sriram9786 no
if check comment for you have like version issue:
proper work but some version issues in the low python version
else:
keep smiling and continue the video to Improve knowledge
yes it is
ok sir let me explain my project is old like 2 year
there is a version issue and I am stuck can you have any temporary solution
sorry for what I said not working..
@@darshitvekariya1936 You can use any version you want