JavaScript? Textarea editor, enter HTML/JavaScript, WYSIWYG and preview tab?

Hiya,

I would like to create a Textarea alike the one you use to post a new thread on these forums with two additional tabs.


WYSIWYG Editor
HTML/JavaScript
Preview


So you've got your WYSIWYG editor and you do a list, alike the one above, then you click on the HTML/JavaScript editor and it'll show this:


<ul>
<li>WYSIWYG Editor</li>
<li>HTML/JavaScript</li>
<li>Preview</li>
</ul>


And you've also got the live Preview, click on that tab and it basically shows you what things will look like.

There are plenty of WYSIWYG Editor's out there, and I know how I can add them onto a tab, however, I do not know how to do the HTML/JavaScritp and Live Previews.

Best Regards,
Tim