Summernote Bootstrap é um editor WYSIWYG super simples.

É uma biblioteca de JavaScript que ajuda você a criar editores do WYSIWYG on-line.

Sua implementação é simples, no próprio <textarea> incluir um class com nome qualquer, aqui eu defini o nome como [summernote], veja no exemplo abaixo:

<textarea id=’TxTexto’ name=’TxTexto’ rows=’15’ cols=’104′ class=’summernote’>aqui seu texto…</textarea>

Para chamar a biblioteca de código no Jquery, veja o exemplo abaixo:

<link rel=’stylesheet’ href=’summernote/summernote.css’ type=’text/css’>
<script src=’summernote/summernote.js’ language=’javascript’ type=’text/javascript’></script>
<script>
jQuery(document).ready(function(){
$(‘.summernote’).summernote({ $(‘.summernote’).summernote({ toolbar: false });
});
</script>

  • Veja abaixo o exemplo sem o toolbar no editor:

  • Veja abaixo o exemplo com o toolbar no editor:

Faça aqui o Download dos arquivos

Você pode encontrar mais informações no site do desenvolvedor http://summernote.org/

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *