Bootstrap-wysiwyg: крошечный текстовый редактор

<textarea id="txt">&lt;div class=&quot;hero-unit&quot;&gt;&lt;h1&gt;&lt;a href=&quot;http://mindmup.github.io/bootstrap-wysiwyg/&quot;&gt;bootstrap-wysiwyg&lt;/a&gt;&lt;br&gt;&lt;small&gt;tiny wysiwyg rich text editor for Bootstrap&lt;/small&gt;&lt;/h1&gt;&lt;/div&gt;</textarea>


<div id="editor"></div>

$(function(){
   // связать поле ввода с редактором
   $('#editor').html($('#txt').val()).wysiwyg(); // перегнать HTML код в редактор
   $('#editor').bind('keyup',function(){ $('#txt').val($('#editor').html())}); // забрать HTML код из редактора

   // плюшка - редактирование в textarea и просмотр в HTML
   // $('#txt').bind('keyup', function(){ $('#editor').html($('#txt').val()); }) // обновлять значение в поле, если поменяли в редакторе
   // ИЛИ
   $('#txt').hide(); // чтоб не поле мешалось
});