Посмотрите, как CKEditor отображает свой взгляд на клиенте - это эффективный текстовый редактор для браузеров (есть также множество других альтернатив):
http://ckeditor.com/demo http://www.kevinroth.com/rte/demo.htm http://developer.yahoo.com/yui/examples/editor/index.html
Рассматривая их конструкцию с помощью панели инструментов IE Developer, Firebug и т. Д., Это реальный опыт обучения.
Подход, который многие люди используют, заключается в том, чтобы вставить свою текстовую область в divтакже есть еще один div, который скрыт.Под ним находятся вкладки, например, Редактор, Предварительный просмотр.Нажатие на предварительный просмотр берет HTML-код в текстовое поле и делает что-то вроде previewDiv.innerHTML = textbox.value;
Я не уверен, что это то, что вы хотите, но пример этого здесь:
http://www.freetextbox.com/demos/
Надеюсь, это поможет.