tinyMCE: O Editor do Wordpress
Por: Diego Franco - [ October 9th, 2008 ]
A muito tempo estou querendo fazer algumas adaptações no editor do Wordpress para facilitar a minha vida. Então resolvi separar um tempo para estudar o tinyMCE o editor do Wordpress.
O tinyMCE é um editor de conteúdo WYSIWYG (What You See Is What You Get) “O que você vê é o que você obtêm”. Feito em javascript e sobre licença GNU ou LGPL - Lesser General Public License, é um excelente editor muito bem documentado e com muitos recursos.
Algumas recomendações importantes para o uso do Editor:
- Você pode usar, alterar e distribuí-lo, desde que seja sem fins lucrativos;
- Você não deve alterar ou excluir os direitos autorais;
- Qualquer modificação que você faça no código do tinyMCE deverá ser comunicado ao desenvolvedor;
- Para obter uma licença comercial, você deverá entrar em contato com a Moxiecode Systems AB proprietária do código.
O TinyMCE é facilmente configurado para integrar outros sistemas de gerenciamento de conteúdo. Fiquei impressionado com a quantidade de informações que você pode encontrar no site para auxiliar a implementação. Logo abaixo do post vou informar alguns dos links principais.
O que mais me impressionou foi de que, além de ser totalmente customizável existe a possibilidade de você criar seus próprios temas e plugins.
Outras peculiaridades:
- é um crossbrowser, compatível com: Mozilla, MSIE, Firefox, Opera e Safari Chrome;
- Fácil de integrar - Com poucas alterações de código;
- Totalmente customizável;
- Totalmente flexível - PHP / .NET / JSP / Coldfusion gzip compressor, TinyMCE;
- Leve e rápido;
- AJAX - Você pode facilmente usar AJAX para salvar e carregar conteúdos!
- Multilingue - Suporte para várias línguas. E se não tiver a sua você encontrá todas as informações para criar o pack da sua língua.
Agora a parte boa, ao menos pra mim foi.
Você já precisou inserir nos links do seu post valores para alguns atributos tais como:
- rel;
- hreflang;
- eventos: Onfocus, Onblur e qualquer “on” que exista;
- class.
Sim ou não?
Tenho certeza que sim. E talvez muitas das vezes, você se sentiu improdutivo ou com preguiça de ter que ir direto no código e colocar na mão os atributos que precisou.
Aqui vem a razão de eu ter dado uma lida na documentação do tinyMCE, eu sempre tinha que ir no código e colocar todos os atributos e links, eu disse tinha porque não tenho mais. Conheci o ADVLINK um plugin para o tinyMCE, que simplesmente me poupa o tempo de ir até o código inserir atributos nos meus links, simplesmente alterando o popup padrão de inserção de link para uma ultra-hiper-super avançada, que te possibilita inclusive adionar eventos.
Como usar e como instalá-lo?
É o que você irá conferir no meu próximo post. Lembrando que o blog estará de roupa nova no dia 13/10/2008 e com muitas novidades! Não deixem de conferir.
[UPDATE] - Olá galera conforme prometido você pode conferir a sequência deste post neste link: http://diegofranco.net/archives/plugin-advlink-ensira-atributos-rel-hreflang-class-id-nos-links-dos-seus-posts-sem-precisar-ir-no-codigo .
Até lá pessoal e boa leitura nas referências.
Referências
- Site do desenvolvedor: http://tinymce.moxiecode.com/
- Documentação: http://tinymce.moxiecode.com/documentation.php
- Wiki própria: http://wiki.moxiecode.com/index.php/TinyMCE:Index
- Plugins: http://tinymce.moxiecode.com/plugins.php
- Mais plugins: http://wiki.moxiecode.com/index.php/TinyMCE:Plugins
Procure por: DVD, MP3, LCD, Plasma, HDTV, Home Theater


Recentemente um cliente me fez uma solicitação para que os cantos do menu horizontal que ia no topo da página fosse com cantos arredondados. Geralmente usamos soluções com imagens, mas dessa vez fiz diferente usei o
O Modelando é o site pessoal do Diego Franco Miguel que, atualmente, trabalha como Designer e lidera uma equipe de Agência Web na