Editores de texto em JavaScript/HTML para uso no seu site
Nesta postagem rápida falarei de editores de texto feitos em JavaScript de código aberto, para uso em sites, blogs, entre outros.
A maioria funciona de modos parecidos: basta você adicionar uma área de texto em HTML (<textarea></textarea>), ligar o arquivo JavaScript da biblioteca – podendo definir algumas características – e pronto.
Via Google são fáceis de encontrar, mas aqui vou aproveitar para falar a respeito de dois deles com quem já lidei: o TinyMCE e o NicEdit.
TinyMCE – provavelmente o mais popular, utilizado inclusive pelo WordPress, Joomla, entre outros. Talvez seja o que conheça melhor, não por ter usado em algum trabalho, mas por curiosidade (fucei sua documentação e experimentei criar plugin, entre outros). Gostei muito: bem completo, integrado com jQuery (permite usar código desta biblioteca sem grande conflito), fácil de usar, boa documentação, entre outros.
CKEditor – nunca usei, mas parece ser tão bom quanto o TinyMCE. A barra de ferramentas é bem completa, a interface é linda, além de já vir com versão em português. Só tenho dúvidas com relação à documentação: procurei e não encontrei. Além de tudo, ao que parece, vários recursos são pagos (?). Enfim, vale ficar de olho.
NicEdit – já usei este, na seção de comentários deste blog, até um tempo atrás. Retirei ele por “comer” as quebras de linha (as tags <br /> – o texto do comentarista ficava todo colado). Acho-o muito limitado, mas talvez seja o mais simples de se integrar. Para quem não quer lidar com muito código, talvez seja a melhor solução.
Enfim, acredito que podemos resumir assim: caso queira um editor completo e precise personalizá-lo, o TinyMCE é para você. Se você quer um editor bonitão, vá de CKEditor. Agora, se você não entende muito de Javascript nem de HTML, experimente o NicEdit.
E este é o fim da postagem. E caso queira sair, aperte o botão de “Fechar” do seu navegador!

4 comentários
[...] This post was mentioned on Twitter by Garoto que programa, Francisco Prado. Francisco Prado said: Post novo: editores de texto em JavaScript para embutir no seu site/blog: http://bit.ly/bfBkyP [...]
Opa Francisco, mais um ótimo post seu blog, ta cada vez ficando melhor. Quanto aos editores, sempre fui adepto do TinyMCE ate por que, como você falou ele é o editor padrão do WordPress, por isso sou mais familiarizado com ele. Abraço Francisco!
Francisco,
O CKEditor pode ser usado com um módulo chamado CKFinder, que possibilita o upload de arquivos para posterior inserção no HTML. Este último, se você quiser usá-lo num site comercial, exige licença. No dia-a-dia, dá para conviver com as mensagens de “Unregistered” que aparecem nele.
Parabéns pelo post!
@Sérgio – opa, valeu pelo comentário. Também passei para o TinyMCE, até porque, em caso de precisar, basta editar um tema e colocar no WP.
@Goncin – conferi o CKFinder. Valeu pela dica (ainda atualizo o post). O TinyMCE tem um plugin para função similar. Ainda conferirei mais sobre.
Abraços a todos os envolvidos!