Rich Text Editor With Javascript | Step By Step Javascript Project

Create rich text editor that allows the user format and style text with a variety options using HTML, CSS and Javascript.

📁 Download Source Code :

----------

00:00 Intro
00:05 Demo
04:34 HTML & CSS
25:08 Step 1: Create Initial References
29:03 Step 2: Create Initializer()
30:52 Step 3: Function To Highlight Clicked Buttons
35:15 Step 4: Function To Remove The Highlight
36:31 Step 5: Adding Options To Dropdown
39:07 Step 6: Create ModifyText(0
40:00 Step 7: Adding Event Listerners To The Buttons

----------

⭐ Exciting coding quizzes on my website:

----------
Email:

Instagram:

----------

🎵Music:
Track: Our Leaves in the Breeze — Artificial.Music [Audio Library Release]
Music provided by Audio Library Plus

[archangel]

Thank you SO MUCH for putting this video online. knowing how to build this out from scratch is immensely useful and I will definitely get started learning this ASAP!

[TLTechbender]

Bro, this is
The fact that you are doing everything from scratch absolutely blows my mind!!!
Keep up the good work🔥🔥🔥

[FangerZero]

I haven't watched the full video but I definitely plan to follow this guide to build my own. I wasn't sure where to begin and now I have a whole guide! Thank you lady!

[thedrew]

always good to learn how to code the basics! nice video!

[tiagoborges]

Congratulations for the video is great; to be perfect is only missing the adding of photos to be complete and to learn more about that.

[xaydungxuanphat]

how to get value 'html' of it to add database?

[arcideas]

U explained very well....
But I didn't understand....
Need to watch again 😊😊😊😊

[atulpardhinitr]

if i store formatted text applied using this texteditor in backend will it save all the formatting or loose the formating

[OsmanKaanKars]

can we add download & save buttons ?

[xaydungxuanphat]

thank you so much, I have downloaded the code, 1.000 like

[dextrdemn]

now maximum commands of document.execCommand are not working now what to do?

[faizanshaikh]

Can you plz explain me why we want onload in this situation

[wogm]

Can u help me with a short answer here? How can I save the created file as .doc or a word document type of file?

[sai]

can we implement this in react typescript -this code

[aasthasaxena]

how to store this Text Data in HTML format

[DkboyStudios]

Please add an ability where images can be embedded. And please how to save this in SQL.

[MattiaRuberto]

Amazing video but execCommand is deprecated. Alternatives?

[SvenskaSwedish]

Very nice, but I couldn't find the source codes, If you talk when you do it will be better

[WGGaming]

hey i wants to copy the modified text and save it to the server (mySql) and when it is fetched it gets nice and tidy like it was before saving it to the database, can you tell me how can i do it

[hungchip]

If you can upgrade this Theme adds part 2. Using emotes, insert the image into the input box and display it on the left 1 pane. I think it will be wonderful.

And you can even upgrade it to part 3. How to import data into the Database and get it out of the Database for display.

And more than that, it is security that prevents users from being able to edit the source code to arbitrarily pass basic checks or sabotage the Client-side source code to corrupt the system. (I think this part 4 will be for experts only).

But.. I can only write those things, I absolutely cannot do part 2 or part 3 by myself. So, I hope you can do part 2 and part 3 if you have time.