FCK Editor | Blog do Xorna

FCK Editor

Postado por xorna em November 23rd, 2007 salvo em Software Livre

Bom, um tanto ocupado aqui na empresa, não pude escrever nada para ontém, mas hoje não poderia deixar passar, hoje escolhi como tema uma coisa muito bacana para os desenvolvedores Web, alguns não conhecem, outros conhecem mas tem uma imagem mítica sobre ele, outros usam, e alguns além de usar, otimizam e promovem inúmeras alterações, o tema é o editor de texto WYSIWYG (What you see is what you get) FCKeditor, não passa de um editor de texto para você inserir na sua aplicação afim de obter textos estilizados.

Sua implementação é muito simples, você faz o download dele aqui, na própria pasta em que ele vem é disponibilizado alguns exemplos (PHP, ASP, CFM, PL, PY, CFC, AFP) e mais alguns skins para ele, no meu caso usei ele em PHP, para implementar foi muito simples, precisei importa o JavaScript e do arquivo PHP:

<script src=”fckeditor/fckeditor.js” type=”text/javascript”></script>
<?php
include (”fckeditor/fckeditor.php”);
?>

E depois onde eu precisei implementá-lo, bastou instanciar um novo objeto de sua classe:

<?php
$editor = new FCKeditor(”descricao”); # Aqui ele vai criar o name e o id do campo
$editor->BasePath = (”fckeditor/”); # Aqui ele diz onde é o diretorio base dos arquivos
$editor->Value = $descricao; # Aqui eu insiro um valor padrão para ele
$editor->Width = “475″; # Aqui é a largura do campo
$editor->Height = “300″; # Aqui é a altura do campo
$editor->Create();  #Método para criação
?>

Viram só, nenhum mistério, além do mais na criação do objeto você pode setar outros atributos do objeto que vai criar nosso campo de texto, como o ToolbarSet, que toma como padrão o esquema default para a barra de ferramentas, mas pode ser facilmente editado no arquivo JavaScript fckconfig.js, ou você pode passar um array com a configuração dele.

Depois para resgatar esses valores você age naturalmente como quem resgata valores de um input do tipo text. Muito simples não, estou tentando me aprofundar mais nessa questão de edição, assim que conseguir avanços irei postar aqui. E para finalizar, isso é totalmente free, open source, ou seja, download and enjoy!!


5 Respostas to “FCK Editor”

  1. Robson Romeu Rizzieri Falou:

    Olá gostei do texto simples e direto.

    Mas tenho uma duvidade. quando tenho AJAX na história. as informações do formulário são enviadas via AJAX. Ele pega sempre o valor antigo que esta no FCKEditor.

    Como fazer para ele pegar o valor atual tem alguma ideia de como pode ser feito isso?

    Att.

  2. xorna Falou:

    pois é amigo, eu não utilizei o FCK com ajax ainda, porém já ouvi falar nisso, e pelo que me falaram, é tudo na adaptação (pra não dizer gambiarra) hehehe

  3. Max Davis Falou:

    Parabéns conteudo direto e free gerallllllllllllll

  4. Luiz Falou:

    eu segui, como na explicação mas quando executo recebo a seguinte mensagem: Not Found
    The requested URL /fckeditor/editor/fckeditor.html was not found on this server.

  5. xorna Falou:

    certo, vc poderia enviar em email para andregustavodocaqui@gmail.com com a estrutura de suas pastas?

Deixe um Comentário

Clicky Web Analytics