Pessoal,
Esses dias lendo os posts do blog de Ustra Júnior, vi que ele postou sobre editores de texto javascript, um bom post explicando algumas features dos editores que ele citou. Aproveitando esse gancho resolvi mostrar como integar o FCKeditor com o rails com o plugin do Scott Rutherford.
Bem, então vamos colocar as mãos na massa ?
Instalando o plugin:
Dando uma olhada melhor no repositório percebi que ele será deletado e mudado para outro em breve, então já estou divulgando aqui com o novo repositório.
Vá até a raíz do seu projeto e digite o seguinte comando.
script/plugin install svn://rubyforge.org//var/svn/fckeditorp/trunk/fckeditor (Lembre de adicionar o ruby antes do comando caso esteja no Windows)
Depois
rake fckeditor:install
O que foi instalado?
Basicamente toda a suite do FCKeditor foi copiada para: public/javascripts/fckeditor e um arquivo separado foi copiado para: public/javascripts/fckcustom.js onde você pode customizar a instalação. Esse arquivo nunca será sobrescrito por upgrade ou reinstalação.
Importante:
Se você estiver hospedando sua aplicação rails em um subdiretório você deve abrir o arquivo public/javascripts/fckcustom.js e modificar a variável FCKRelativePath = ”; para onde você precisar.
Por exemplo se você possui uma aplicação em www.exemplo.com/app/ você irá preencher sua aplicação para usar:
FCKRelativePath = ‘/app’;
Uso:
O uso é muito simples, na view que você precisar usar o editor basta colocar a tag.
<%= javascript_include_tag :fckeditor %>
E no campo text_area modificar como no exemplo abaixo:
<%= fckeditor_textarea(“post”, “content”, :toolbarSet => ‘Default’, :width => ’100%’, :height => ’400px’) %>
Pronto agora é só atualizar a view no navegador e ver o resultado.
Existem exemplos no repositório mostrando como usar o plugin com ajax, porém como eu ainda não testei decidi deixar fora do tutorial.
Bem pessoal é isso, esse plugin é muito simles de instalar e configurar, eu mesmo estou usando no meu blog, que como já falei em posts anteriores eu mesmo desenvolvi meu sistema para aprender rails.
Espero que gostem.
Atualização do Post: Depois do Relato de Bruno eu estou colocando aqui como resolver um pequeno problema de compatibilidade do rails.
Para corrigir o problema vá em vendor/fckeditor/lib/fckeditor.rb
Procure a linha que tem mais ou menos isso abaixo por volta da linha 38
js_path = relative_url_root
E substitua por
js_path = “#{ActionController::Base.relative_url_root}/javascripts”
base_path = “#{js_path}/fckeditor/”
Agora tudo irá funcionar perfeitamente
Oi, estou seguindo este seu tutorial, e encontrei o seguinte erro…
undefined method `relative_url_root’ for #
Extracted source (around line #15):
12: Imagem:
13:
14:
15: Conteudo: ‘Default’, :width => ’100%’, :height => ’400px’) %>
será que isto tem a ver com a parte em que você fala sobre “FCKRelativePath = ‘/app’;”?
Como proceder com isso?
Estou construindo a minha primeira aplicação… meu projeto está em minha maquina, na pasta de prjojetos de minha ide (Netbeans).
Grato pela atenção.
Te respondi por email. Após você testar me avise que eu posto aqui no site. Faz muito tempo que usei
Funcionou perfeitamente!
Pode postar! =)
Muito Grato pela atenção!
Olá, legal o tutorial. Um problema parecido com o que o Bruno reportou nos comentários acontece no controller do fckeditor e atrapalha o upload de imagens.
Pra corrigir, tem que modificar o arquivo vendor/plugins/fckeditor/app/controllers/fckeditor_controller.rb na linha 136, e substituir “request.relative_url_root” por “ActionController::Base.relative_url_root”.