Search Result in All

earn how to build a Javascript WYSIWYG Rich Text HTML Editor Textarea Replacement for your PHP and MySQL driven applications. In this first video we will construct our HTML and CSS based form that is ready to send data to a PHP parsing file waiting on our server. We will hide (but keep) our normal textarea element and replace it with an iFrame element. When the page loads into the browser we will use Javascript laid out in the next video to turn the designMode "on" for that iFrame, so people can type into it and compose things.

earn how to build a Javascript WYSIWYG Rich Text HTML Editor Textarea Replacement for your PHP and MySQL driven applications. In this second video we will script our wysiwyg.js file and code out all of the functions that our HTML form is ready to call. We make use of the execCommand() method in Javascript and all of its Command Identifiers to apply specific formatting we desire to our WYSIWYG editor. Our form is submit using Javascript so we can transfer the data frome our iframe into our textarea for the normal form action to work. The form can also be submit using Ajax if you prefer, then there would be no need to transfer data from the iframe into the textarea. In part 3 we discuss the PHP and MySQL side of things, security, and filtering.