WysiHat - WYSIWYG da 37Signals


Já falamos sobre editores WYSIWYG aqui no blog, e que até então a melhor solução que eu havia encontrado era o NicEdit, ainda é muito bom e continuamos usando em nossos projetos.

O problema que ele também tem suas gambiarras no fonte e não é nada fácil de customizar.

Passando pelo mesmo perrengue sobre WYSIWYG’s o pessoal da 37Signals anunciou hoje o WysiHat no blog da empresa.

É um projeto focado em ser um editor WYSIWYG com código limpo, sem gambiarras e fácil de alterar tanto layout quanto código.

O editor é baseado no Prototype e pode ser integrado com Rails de forma muito simples. O projeto ainda encontra-se em desenvolvimento mas já é funcional e você pode usa-lo em seus projetos, basta fazer um clone do repositório no Github ou baixar o zip (ou tar) caso você ainda não utilize GIT.

Você também pode contribuir para o desenvolvimento usando o GitHub.

Abaixo coloquei um trecho de código de como utiliza-lo na sua forma mais simples:

1
2
3
4
5
6

  Event.observe(window, 'load', function() {
    var editor = WysiHat.Editor.attach('content');
    var toolbar = new WysiHat.Toolbar(editor);
    toolbar.addButtonSet(WysiHat.Toolbar.ButtonSets.Basic);
  });

Mais exemplos podem ser encontrados no projeto do GitHub.


2 Comentários to “WysiHat - WYSIWYG da 37Signals ”

Junio Vitorino diz:

Uai to viajando não vi muita utilidade não acho que não entendi como usar.


daniel lopes diz:

Os wysiwigs atuais já possuem seus botões predefinidos e um tanto de funcionalidade que vem junto com centenas de linhas de código… que diga os mais gordos como TinyMCE. Todos possuem gambiarras e manipulam o html de forma estranha, se você precisar customizar alguma coisa vai estar realmente em apuros. Além de muitos deles serem pesados.

A proposta do Wysihat é o contrário, como usa o prototype consegue manipular o dom de forma simples, é leve (ao menos por enquanto) e bem fácil de customizar o código e também interface, tanto que nem possui icones por default.


Comentário