TinyMCE: THE Javascript WYSIWYG Editor CodeUnit 06 JUL 2010

If you use the Internet then undoubtedly you have come across TinyMCE before, undoubtedly one of the most powerful Javascript WYSIWYG (What You See is What You Get) text editors available to web developers.

Basically, TinyMCE is an Open Source platform independent web based Javascript HTML WYSIWYG editor control released by Moxiecode Systems AB. It is extremely easy to integrate into other web content managent systems thanks to its ability to convert standard HTML TEXTAREA fields into editor instances.

Listed amongst its multitude of features includes the fact that it is easy to integrate (only a few lines of code needed), fully customizable with themes, plugins and the ability to block elements and force attributes, browser friendly, lightweight, fully AJAX compatible, and international thanks to its multilanguage support.

Users greeted with a TinyMCE window are able to peform such day to day text editing things like bold, underline, change font style and size, change color and text alignment, insert images images and table, have instant spell-checking etc. against their inputted text – seriously, the list of available options is quite frankly almost unbelievable!

And have I mentioned that implementing TinyMCE in your code is pretty damn simple too?

Step 1, download the TinyMCE package and extract its contents to your site folder.

Step 2, put down the following in your HTML file as an example:

And that is it, as simple as that!

The result?

Pretty nifty.

Related Link: http://tinymce.moxiecode.com/index.php

Related Posts:

About Craig Lotter

South African software architect and developer at Touchwork. Husband to a cupcake baker and father to two little girls. I don't have time for myself any more.