Fala galera!

Nesse meu primeiro post aqui no WebArtz, vou trazer uma dica quente para vocês. Conhecidos de muitos, vou falar um pouco do CKEditor, um editor de textos bacana para ser implementado no seu website.

Muitas vezes ao desenvolver um CMS, você vai se deparar com um probleminha corriqueiro. Imagine um sistema de postagem de notícias onde seja possível adicionar, editar e excluir notícias de um banco de dados, e que estas são exibidas em um site qualquer.

Usando apenas as funções básicas do PHP para manter a quebra de linha e o elemento textarea, em um formulário HTML, você até consegue salvar certas formatações de texto, parágrafos e outros no seu banco, porém, ao programar o módulo de edição, usando estes mesmos recursos, você irá constatar que as tags inseridas no banco não são “lidas” pelo textarea.

Aqui vai um exemplo:

Perceba como as quebras de linha são mantidas no espaço que será usado para editá-las.

Dependendo do nível de conhecimento do seu usuário, isso pode ser uma coisa um pouco chata, se ele for totalmente leigo, vai achar, no mínimo estranho e poderá apagar essas regras de formatação ou ficar confuso sobre o que os tais “<br />” estão  fazendo ali.

Vamos agora ver como funciona o CKEditor nesse mesmo caso:

Veja como não só os códigos HTML que estavam presentes anteriormente sumiram, como também temos uma infinidade de opções de customização para a nossa notícia.

Pode-se também trabalhar com imagens, arquivos flash, smiles e até mesmo inserir código HTML!

E o melhor de tudo ainda é a instalação! Basta fazer um chamada a um arquivo JS e usar os parâmetros id e class de um textárea qualquer e voi’lá. Temos incorporado esse parrudo editor de textos à nossa disposição.

Ele também traz vários skins e opções de cores para caber melhor na sua aplicação.

Abaixo segue o código padrão de uma aplicação básica usando o CKEditor.

Espero que gostem e até a próxima!