What is a WYSIWYG editor ? Which are open source WYSIWYG editors ?

Posted By: KP On February 23, 2011 Under Internet, Web Design, Web Master Categories

WYSIWYG is an editor for generating HTML code. WYSIWYG stands for What You See Is What You Get. In such editors you see visual output and in backend you get HTML code for that.

One who is not familiar with HTML can use such editors to generate HTML code for the text. The editor interface gives similar interface to any office tool. i.e. word. It has some standard toolbar and button. Below is TinyMCE screenshot.

tinymce

If you see above screen’s HTML output it will look like below.

tinymce-html

Some famous sites using WYSIWYG editors:

  • WordPress
  • Joomla
  • Forum scripts vBulletin, PHPBB
  • Yahoo mail

Some open source WYSIWYG editors to use in projects:

TinyMCE: It is a very famous, easy to install open source WYSIWYG editor. It is used by WordPress as their editor. It has many versions as per your requirements. May be just lite version or higher version meets your requirement.

CKEditor: This one is also a famous WYSIWYG editor. I recently implemented it in my project and it took me less than 5 seconds to implement it. It also has multilingual editor including Indian language which I love and will implement it in regional projects.

Steps I followed : Add JavaScript between <head> tag.

Pass textbox id to JavaScript. You’re done! Next time you see a WYSIWYG is editor.

Mainly such editors are used where HTML is to be stored in MySQL database.



Share with Friends ( Sharing is Caring! )


Subscribe For E-mail Notification Of Article Updates

Enter your email address:

NOTICE:
DO NOT FORGET TO CLICK ON THE VERIFICATION LINK AFTER SUBSCRIBING,THE VERIFICATION MAIL WILL BE SENT TO YOU FROM "FeedBurner Email Subscriptions".
( What is this? Why I need to do this?)

Related Posts

« .htaccess trick to have own name as webpage file extension
How to protect website from XSS attack ? »

Post a Comment

OR