How to Build a JavaScript WYSIWYG Rich Text HTML Editor textarea Replacement for Web Site Part 2

[jimwelch]

I know I'm a little late to the party, but having gone through the first two videos - I learned so much. Where is part 3 - did you ever get around to making that? I can't find it. Thanks in advance. Great work and I find myself rummaging your other videos - great stuff there.

[Rick_Roberts]

This 2 part tutorial is exactly what I was looking for in a project I am working on. Thanks so much for posting it.

[JohnDoe-rkex]

Where iz u Adam!!?? Da best teacher ever!! Come back soon with those great tuts! I wasnt able to support your channel in the past cuz i was poor, well... I still am 😂🤣 but i can now become a member!!!! 😁

[mr.digitus]

This is a very helpful tutorial, Thank you very much ♥.

[yahyaKacem]

thanx for this tut, and a part 3 about the php side will be appreciated.
thanx in advance.

[wasilzafar]

Nice tutorial ! Keep up the good work.

[bkharishbabu]

Adam i am a great fan of yours.ur tutorials help me lot and keeps me motivated.

[kaustuvkchattopadhyay]

Thank you so much for the submit button !

[AdamKhoury]

@Cornandpickles - indeed it is useful... what you can do is use Javascript to affect the innerHTML property of the iframe when an edit page loads. Much like putting a string into a variable, but instead do this:

iframe_reference.innerHTML = "echo your mysql string or HTML data here";

[syakirrahman]

Thanks, you open my mind to take first step to create it. During this time, i just can download other's WYSIWYG editor.

[atuldhirajdesai]

Beautifully done! However if I may, have a small improvement to suggest; put the menu buttons outside the form - that way you can either use image buttons or css buttons and make the text editor look professional (putting image or css menu buttons inside the form will trigger the post every time you use the buttons ).


Cheers!

[lightandsounder]

Thank you Thank you Thank you Thank you!!! This is wonderful, You are Wonderful

[medhagautam]

adam, thanks for all dis but, where is part 3 ? i am having trouble in submit button it is not working as it should ??
if anyone else has worked dat out kindly reply asap ?

[yurippenet]

Great tutorial, thanks for explaining everything =)

[HellHouseofHorror]

Thank you Adam, you've always been helpful. I've been learning as much as i can about programming an trying to master it like you. I'm already great with Art, Animation, Video Editing, Graphic Designing and by now pretty good with Programming as well, though feel I still have so much more to learn. If you ever need any really cold Graphic, Cartoony, Illustration designs, let me know. I got you for free.

Believe it or not, but many of your tutorials helped me along the way to where Im @ now.

[toddbarry]

That was really helpful, it was a missing link in a problem I needed to solve. Cheers :)

[writejuly]

A huge THANK YOU for sharing this with us.

[viveksingh]

Thanks, this is a great way to start developing own editor

[selectoNET]

I was wondering: why not one function for all buttons with a paramter for each options?

[Asimov]

You can also use document.execCommand with an editable div. On the button click I would use a data attribute to detect when a button is clicked, and then get the id or the data attribute id and then run the document.execCommand. This way you don't need all those functions, when you can do it in just one function.