Submarino.com.br

FCK Editor

November 23rd, 2007 por xorna |

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!!

Compartilhe e socialize:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • E-mail this story to a friend!
  • LinkArena
  • LinkedIn
  • Live
  • Netvibes
  • Socialogs
  • Technorati
  • ThisNext
  • Yahoo! Buzz
  • YahooMyWeb

12 comentários, mais um não seria um problema.

  1. 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 says:

    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 says:

    Parabéns conteudo direto e free gerallllllllllllll

  4. Luiz says:

    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 says:

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

  6. Walterson says:

    Olá,usei esse mesmo script e deu certo. Usando o easyphp(minha web local dá tudo certo )mas quando mando pro meu servidor na web o fckeditor nao aparece. Qual seria o problema to precisando dessa resposta urgente, Valeu!!!

  7. xorna says:

    Certo, ele te acusa algum erro?? Normalmente o servidor de produção não exibe erros, então você deve olhar os logs do seu servidor…

  8. Paulo Vitor says:

    Boa noite,

    Vi que vc ajudou uma pessoa com o mesmo problema que eu, acontece o seguinte estou tentando usar o fckeditor e esta trazendo essa msg “The requested URL /js/fckeditor/editor/fckeditor.html was not found on this server”

    estou usando o fck 2.1 e a estrutura das minhas pastas são as seguintes.

    /www/pastadaaplicacao/app/webroot/js/fckeditor/editor

    agradeço pela ajuda,

  9. xorna says:

    resolvido :)

  10. Levi says:

    Valew mesmo amigo..

    vc me ajudou muito … alas .. em toda net foi o unico tutoarial objetivo sobre este assunto.. PARABÉNS

  11. Márcio Reis says:

    Estou com o mesmo problema do amigo Paulo.
    Istalei tudo normalmente, mas o arquivo fckeditor.html não é encontrado.
    O que posso fazer? Alguma dica?
    Abraços.

  12. xorna says:

    Então Márcio, você ta desativando o mod_rewrite dentro da pasta do fck? normalmente é esse o problema

Deixe seu recado

Spam Protection by WP-SpamFree

Clicky Web Analytics