Wagtail CMS: How to extend the Draftail RichText (WYSIWYG) Editor

[@redditcamp543]

Hell yeah, I was waiting for this lesson the whole series. Thanks, really good content!

[@johnnychia9796]

Thank you! wish you the best to your channel

[@SaintTheDreamer]

Can we order the menu items in draftail editor bar ? How ?

[@Shasras]

21:47 This multiple nested dictionaries are so inelegant and confusing if you are not simply copy-pasting code, but writing line by line instead…

[@Shasras]

A simple, efficient and extremely helpful two lines of code to avoid switching the port every time the operating system (Mac OS, at least) claims it is used: kill -9 $(lsof -i:8000 -t) 2> /dev/null python3 manage.py runserver 8000

[@XeUs87]

Hi, Kalob Thank you for amazing tutorials. I'm trying to use icon instead of label but text editor doesn't show the icon. I don't know what I'm doing wrong. I tried both fontawesome and svg icons but no result!

[@XeUs87]

SVG was the problem. seems every time I tried to resize the icon i simply destroyed it;)

[@ashishpitroda7468]

Is there ckeditor implement video by you? If not can you make video on it how to setup it? Because wagtail rich text does not provide source code view option like ckeditor.

[@CodingForEverybody]

I probably won't cover ckeditor to be honest. You can tell Wagtail which editor to use though and you could create your own wysiwyg preference pretty easily I think - just make sure you're cleaning the data from ckeditor - if you don't have Wagtail/python cleaning the raw HTML you could end up with an XSS attack. But also, Wagtails Draftail editor does some things that ckeditor simply won't do. Like when you link to another page and that page's URL changes - Draftail will pick up on that and change the URL in your RichText (in the template) so you never have broken links. It does the same with images and documents.

[@ashishpitroda7468]

@@CodingForEverybody Actually i am trying with ckeditor because it provide option to "view source". It works fine as normal field but it does not work in Streamfield. While we select streamfield it shows nothing. And i don't find solution yet, if you can help to use it in streamfield. thanks

[@AlekseyFilippovHuzzah]

Regarding the text editor I consider this a heavy-lifting. After spending a year with wagtail I should say it was a trap. Since the tutorials mostly deal with "let's build a blog, guys!" you can't figure it out fast enough that everything is limited as hell. Yep, it's justified as "Let devs decide what they're after". But IMHO this is a huge time waster. Adding a color picker block, custom widgets - this stuff is poorly documented to start with. Who decided that StreamField is cool? For a pretty large project this quickly becomes a mess with 10 miles long block editing manuscript extravaganza. Oh, sure, you can extend this too, right? Through a form_template? Ugly solution. I wish your book could reflect these specific extension problems in depth. And I wish the platform could be really mature as it's being fanatically praised. I wish it could be a full-blown DX admin, targeting both devs and business, moderators, with more stuff outside of the box, with more robust block system, that would allow dynamic nesting without "it's not django way" justifications. With good docs, moreover explaining to users different scale startegies for modelling. It is funny, but if you visit stackshare.io's wagtail page you won't see any CONS section? Only the praise. Is it purposefully misleading? LOL, actually CONS I added were moderated as PROS 🤣