Conheça o bootstrap-wysiwyg, um pequeno e opensource editor WYSIWYG

Bootstrap-wysiwyg, é um pequeno editor wysiwyg (5KB, e menos de 200 linhas). Trata-se de um plugin Bootstrap baseado em Jquery que torna uma DIV em um editor de texto com formatação, inspirado no CLEditor e bootstrap-wysihtml5.

Dentre suas funções e recursos alguns são muito interessantes, como:

Arrastar e solta arquivos e imagens para upload e reconhecimento de voz quando usado com o Chrome.

O seu uso é bastante simples

Use o identificador da DIV

$('#editor').wysiwyg();

Defina o estilo para sua DIV

#editor {overflow:scroll; max-height:300px}

Um exemplo básico de uma DIV

 <div class="btn-toolbar" data-role="editor-toolbar" data-target="#editor">
...
</div>

Mais detalhes da utilização podem ser encontrados em http://mindmup.github.io/bootstrap-wysiwyg/

ou na página do projeto no github