- お知らせ -
  • 当wikiのプログラムコードの表示を直してみました(ついでに長い行があると全体が下にぶっ飛ぶのも修正)。不具合があればBBSまでご連絡下さい。

Ruby/Ruby on Rails/FCKEditor

はじめに Edit

WYSIWYGなエディタ『FCKEditor』をRuby on Railsに簡単に組み込むためのプラグイン『Easy FCKEditor』を組み込んでみる方法をメモしてます。

公式サイト(github)→gramos's easy-fckeditor at master - GitHub

特徴は、

  • WYSIWYGなJavaScriptのエディタ『FCKEditor』が容易に組み込めるっぽい
  • 画像アップロード機能を2方法完備(簡単なのと画像ブラウザ組み込みと)
  • ライセンスがGPL orz(なんとかならんのかな。gem化するとか。作者さんに交渉する等) →公開しないwebアプリならまあ問題はない件。逆に公開するアプリだとGPLになっちゃうのかな?
  • [問題]同名のファイル名の画像がすでにあるとアップできない模様 orz
    (アップ後の詳細ダイアログがでるが、前の画像になってる。エラーなどでない)
  • 画像削除のインターフェスは用意されてない
  • 簡単なアップロード方法だと、1フォルダ(public/uploads/固定)に全部入るっぽい。

その他メニュー Edit

インストールと初期設定 Edit

公式のREADMEを見ながら進めてみます。

以下でプラグインとしてインストールします。

ruby script/plugin install git://github.com/gramos/easy-fckeditor.git

以下のrakeタスクを実行して必要なファイル郡をpublic以下などにコピーします。(ファイルコピー以外は弄ってない?DBとかは特に弄らないのかな)

rake fckeditor:install

これでOK。

注意点:(公式の"IMPORTANT"の欄にあること)

アプリのトップがサブディレクトリに配置されている場合には、
public/javascripts/fckcustom.js の設定ファイルを編集の必要があるようです。

以下は http://www.example.com/app/ に配置されている場合の設定追加例です。

FCKRelativePath = '/app';

※ちなみに、アンインストールは、以下のrakeタスクよいみたいですよ。

rake fckeditor:uninstall

使ってみる Edit

エディタを使うページの<head>内に以下を書く。

<%= javascript_include_tag :fckeditor %>

テキストエリアのヘルパー(f.text_areaとかtext_area)の変わりに、
以下を貼り付ける。

<%= fckeditor_textarea("object", "field", :toolbarSet => 'Simple', :width => '100%', :height => '200px') %> 

もしくは、EasyUpload pluginつきのEasy toolbar を使うには以下のように、":toolbarSet => 'Easy'"を指定します。

<%= fckeditor_textarea("object", "field", :toolbarSet => 'Easy', :width => '100%', :height => '200px') %>

テキストエリアに入力された情報を表示するには、

<%= h item.description %>

のhをはずさないといけません。
ただしそうすると、素のテキストだとそっけなくなるので、
変わりに、simple_formatヘルパーなどを使うとよいかと。

<%= simple_format item.description %>

参考サイト Edit


Show recent 10 comments. Go to the comment page.

  • すみません、もしよろしければ教えて下さい。
    「画像アップロード機能を2方法完備(簡単なのと画像ブラウザ組み込みと)」って具体的にどういう事ですか? :toolbarSet の Easy と Simple の事!? -- ta na? 2011-02-08 (Tue) 18:13:19
Name:

Front page   Edit Freeze Diff Backup Upload Copy Rename Reload   New Pages Search Recent changes   Help   RSS of recent changes
Last-modified: 2010-05-13 Thu 08:50:53 JST (3676d)