Melhores editores WYSIWYG para seu projeto
Para quem está acostumado a utilizar CMSs em desenvolvimento web, deparar-se com um editor WYSIWYG para páginas e artigos é algo banal. Para desenvolvimento de softwares desde o início, é preciso implementar um desses editores e, com tantas opções disponíveis no mercado, a escolha pode se tornar complicada… Para isso, confira os 10 melhores editores WYSIWYG para seu próximo projeto!
NicEdit
NicEdit é uma alternativa para algumas maiores e mais complexos editores WYSIWYG existentes, com seu pequeno tamanho de download. Ele possui muitos dos recursos esperados por esse tipo de editor e se integra facilmente em seu site ou software.
TinyMCE
TinyMCE é um editor WYSIWYG javascript HTML open source. É fácil de integrar e é altamente personalizável com temas e plugins. TinyMCE é um dos mais completo editores, oferecendo uma experiência semelhante a editores instaláveis, como BrOffice e MS Word.
CKEditor
CKeditor é o novo FCKEditor, consagrado editor para os desenvolvedores mais veteranos e líder de mercado anteriormente. Baseando-se nisso, o CKEditor promete ser um editor ainda melhor, já que fez melhor o que era considerado falho em seu antecessor.
YUI Rich Text Editor
O YUI Rich Text Editor é um controle UI do Yahoo que transforma textareas em editores WYSIWYG completos. Ele vem em várias versões diferentes, com diferentes características e complexidade, mas ainda consegue atingir uma grande experiência do usuário sem uma infinidade de botões se aglomerando na interface.
MarkItUp!
Markitup é um plugin para jQuery que permite que você transforme textareas em editores de marcação com qualquer marcadores que você quiser: HTML, Sintaxe Wiki e BBcode são apenas algumas que são suportadas. MarkItUp! não é um editor WYSIWYG, propriamente dito, mas oferece todas as características básicas esperadas de um.
FreeTextBox
FreeTextBox é um editor HTML especificamente para ASP.NET. A aparência do editor é bastante parecida com a do MS Word. Apesar de a versão gratuita não ter uma série de features, ela possui mais do que o suficiente para permitir uma edição WYSIWYG de qualidade.
MooEditable
Editores WYSIWYG tornaram-se populares devido aos vários plugins para jQuery existentes, mas esses editores não são tão comuns para Mootools. MooEditable, no entanto, preenche essa lacuna, fornecendo uma simples, mas eficaz, experiência do usuário, baseada em uma biblioteca de javascript bem escrita. Se você usa Mootools, ficará feliz em usar o MooEditable.
OpenWysiwyg
OpenWysiwyg é um editor WYSIWYG cross browser com quase todos os recursos de edição que você pode precisar. Ele apresenta uma interface elegante, incluindo dropdowns e botões. Um de seus pontos fortes é sua capacidade de lidar bem com tabelas, com bordas e cores diferentes. No entanto, o Google Chrome ainda não é suportado…
Spaw Editor
Spaw Editor é um editor, assim como os outros editores WYSIWYG, que permite desenvolvedores de web substituir uma área de texto padrão (textarea) por um editor completo, totalmente personalizável, multilingue e com suporte a temas.
jHtmlArea
jHtmlArea é outro editor de texto WYSIWYG construído como um plugin para a biblioteca jQuery. Seu objetivo é ser simples e leve, apenas com as opções mais necessárias. Permite-se a ser facilmente customizável através de temas, as funções e idiomas.
Sugestões WYSIWYG?
E você, conhece um bom editor WYSIWYG e gostaria de compartilhar? Faça um comentário com o nome e link do editor WYSIWYG e o artigo será complementado com sua sugestão! Participe!
Uso muito o TinyMCE. Testei o CKEditor, mas às vezes dá erro no ie7.
Obrigado por compartilhar. No próximo projeto vou testar o spaw
Eu costumo utilizar o TinyMCE em meus projetos, principalmente por conhecer ele muito bem e conseguir adicionar novas funcionalidades ao mesmo.
Ammigo eu uso esse aqui é um pouco mais complexo que os apresentado porem tem maior poder de custominização.
http://www.extjs.com/deploy/dev/examples/form/dynamic.html
no final da pagina aparece ele com poucas opções.
Legal o artigo, eu fiz um sobre o mesmo assunto no Blog da Princi Agência Web (http://www.princiweb.com.br/blog/javascript/editores-web-wysiwyg).
Hoje eu utilizo o MooEditable, por ser gratuito e por ter uma boa compatibilidade com os navegadores atuais e antigos.
Mas se fosse pra escolher um, independente de ser gratuito ou não, eu ficaria com o CKEditor… usando o CKEditor e o CKFinder, você tem um editor completo para o seu projeto.
Muito obrigado pelas contribuições, pessoal! Cada um mostrando qual utiliza, qual já testo e o que acha bom, dá pra ter uma base para se pensar em qual dos tantos editores existes escolher para o próximo projeto!
Abraços a todos!
muito legal, não conhecia muito esses editores
Eu usava o MS Front Page XP que era bem complexo, cheio de recursos e tambem possibilitava a edição do HTML. Agora eu uso o MS Publisher 2007. Ele é ótimo para designer, pena que para inserir elementos como formulários, tem que inserir o HTML. O Front Page + Plublisher são uma combinação MS Super.
Costumo usar o TinyMCE.
Ainda há estes: http://www.innovastudio.com/ http://www.pintexx.com/ http://phphtmledit.com/
Acho que você não entendeu bem, colega. Estes são editores online…
Obrigado por complementar o artigo! Abraços!
Aproveite e experimente todos para decidir qual usar! ;-)
Roberto César29/05/2011
O spaw é gratuito e ainda tem um gerenciador de arquivos gratuito tbm, nos outros, o gerenciador de arquivos é pago.
Olá,
Talvez interesse conhecer este aqui: http://www.dfm2html.com/ – gratuito e WYSIWYG.
Abraço.
MCHAL.110mb.com
Olá pessoal,
Muito legal, otimos editores, mas qual posso utilizar que tenha a função de upload de images e arquivos? e que seja gratis…
Obrigado pela indicação!
Rapaz, dê uma consultada em todos eles que, certamente, algum vai atender a suas necessidades!
Sempre que vou começar um projeto procuro por um novo, mas sempre acabo optando pelo TinyMCE até agora ninguém conseguiu ser melhor
Rodrigo13/09/2011
Exemplo perfeito do tal sobrinho da vida! kkk
Uma pergunta amigo rodolfo, esse plugin CKEditor wordpress é gratuito?
@edilson198324/10/2011
O NicEdit tem upload…
mas o programa salva em um servidor de imagens da net e não no proprio servidor da aplicação…
eu uso o Ambiera Website Painter, ja testei mtos descritos aqui…mas esse foi o melhor que encontrei!!!
Obrigado pelo aviso!
Excelente, demorei muito para achar editores bons, e aqui tem todos os melhores!
Boa tarde
Alguem sabe como configurar form wizard wysmiwyg para enviar informações do site para email?
NVu é bem complexo.
o spaw é bem interessante, mas os plugins são bem difíceis de entender. Além disso, até agora não consegui automatizar o redimensionamento de imagens para um tamanho máximo que eu queira (o mais próximo disso é limitar as dimensões das imagens que são enviadas)
alguem conhece algum que tenha um visualizador abaixo do editor? para que o usuario possa ficar olhando emtempo real sua edição :S help-me