2012-05-02 11 views
5

私はRailsに自信を持っており、Active Adminが本当に好きです。テキストエリアでの使用のためにtinyMCEを使用したいと思います。しかし、私が見つけた指示は不完全です。何らかの理由で、私はここで本当に簡単なものを見逃していると思う。TinyMCEとActiveAdmin for Rails

例えば、私はtinymce-railsがインストールされており(3.4.9)、手順(https://github.com/spohlenz/tinymce-rails)に従っています。しかし、ここでは私が失敗したと思うところです:実際には、小さなMCEを開始します。ドキュメントによると、私は2つのオプションがあります。

  1. を<% = TinyMCEの%>ヘルパーや...
  2. は、私は後者を追加しようとした以下のtinyMCE.init({ mode: 'textareas', theme: 'advanced' });

のようにそれを初期化使用私のactive_admin.jsファイルを使用しないでください。

誰かがこのことについて私を導くことができれば、私は最も感謝します。

+0

2番目は通常動作するはずですが、次にjsエラーが発生しますか? – Thariama

答えて

0

あなたのtextarea入力に「class」属性やtinyMCEがフックできるものがありますか?それはjavascriptコンソール(firefox/chrome)から機能しますか?あなたのページの頭(ソース)にtinymce.jsの存在をチェックしましたか?

私はそれを部分的なフォームで処理しました。そして、入力要素にクラスを与えて、tinymceがそれにフックできるようにしなければなりませんでした。

<%= f.input :literature_nld, :input_html => { :class => 'tinymce', :size => "80x4" } %> 

幸運

+0

ありがとうございます。あなたの反応は、tinymce.jsが私のページの頭の中にあったかどうかについて別の考えを引き起こしました。 tinymce-railsのドキュメントはこれについて少し不明でした。私のactive_admin.rbファイルでこれを呼び出すことで、私はそれを表示することができました。 ご協力いただきありがとうございます。 –

+0

あなたは私の答えを受け入れていれば素晴らしいだろう、私はちょうどコメントしている必要があります。 –

13

私はそれが次のようなことをやって働いて得た(の外にインストールrepoで説明した)管理者/ my_class.rbで

ActiveAdmin.register MyClass do 
    form do |f| 
    f.inputs do 
     f.input :body, :input_html => { :class => "tinymce" } 
    end 
    end 
end 

でinitializers/active_admin.rb:

... 
config.register_javascript 'tinymce.js' 

これは、管理レイアウトの先頭にtinymce.jsスクリプトが表示されていました。 JavaScriptの/ active_admin.jsで

//= require active_admin/base 
//= require tinymce 

$(document).ready(function() { 
    tinyMCE.init({ 
    mode: 'textareas', 
    theme: 'advanced' 
    }); 
}); 

それらの事をやった後、その身体入力(テキストエリア)がその上に完全に機能エデ​​ィタを持っていました。

+0

良いドキュメント。レール3.2.13、active_admin 0.6.0、およびtinymce-rails 3.5.8.2で動作します。 – scarver2

+2

'tinyMCE.init'に' editor_selector: 'tinymce''を追加して、特定のテキストエリアだけにWYSIWYGエディタがあるようにします。 – scarver2

関連する問題