2012-05-02 39 views
5

我重新認識自己的Rails,我非常喜歡Active Admin。我想讓tinyMCE在文本區域使用它。但是,我發現的任何說明都不完整。出於某種原因,我認爲我錯過了一些非常簡單的東西。因此,例如,我安裝了tinymce-rails(3.4.9)並遵循了說明(https://github.com/spohlenz/tinymce-rails)。但是,這裏是我認爲我失敗的地方:實際啓動tinyMCE。據該醫生,我有兩個選擇:TinyMCE和ActiveAdmin for Rails

  1. 使用<%= TinyMCE的%>助手或...
  2. 初始化像下面tinyMCE.init({ mode: 'textareas', theme: 'advanced' });

我嘗試添加了後者我的active_admin.js文件無濟於事。

如果有人能指導我這一點,我會非常感激。

+0

第二個應該通常工作,你會得到任何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是否在我的頁面頭上的想法。錫金鐵軌文件有點不清楚。事實證明,通過在我的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 

在初始值設定項/ 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

良好的文檔。適用於rails 3.2.13,active_admin 0.6.0和tinymce-rails 3.5.8.2。 – scarver2

+2

將'editor_selector:'tinymce''添加到'tinyMCE.init',以便只有特定的textareas才具有WYSIWYG編輯器。 – scarver2