2014-03-05 62 views
0

我剛剛開始使用Ruby on Rails進行編程,我非常喜歡它。我有一個帶有表單的小頁面(使用gem simple_form),我也集成了twitter bootstrap。bootstrap-wysihtml5-rails with simple_form

這部分工作正常。但是現在我想使用bootstrap-wysihtml5-rails編輯器(https://github.com/Nerian/bootstrap-wysihtml5-rails)。

這是我的形式:

<%= simple_form_for (@article) do |f| %> 
<%= f.input :title, label: 'Titel' %> 
<%= f.input :body, label: 'Content' %> 
<%= f.input :tag_list, label: 'Tags' %> 
<%= f.button :submit %> 
<% end %> 

我設置的依賴CSS和JavaScript。

我想使用wysiwyg編輯器的內容字段,但我不知道如何..任何人都可以給我一個內容領域的檢查嗎?

非常感謝您

回答

3

在您的形式,內容領域做

<%= f.input :content, label: 'Content' , input_html: { class: 'wysihtml5' } %> 

然後在你的application.js添加

$(document).ready(function(){ 
    $('.wysihtml5').each(function(i, elem) { 
    $(elem).wysihtml5(); 
    }); 
}) 
+1

類的名稱應該是輸入相同,在JavaScript代碼中。 :) –

+0

試圖回答移動! – Edward