2013-05-29 95 views
2

我有一個用戶可以添加多個產品(使用嵌套表單)的頁面。與嵌套表單一起使用時TinyMCE-rails不起作用

每個條目有兩個字段「名」和「說明」,其中我使用TinyMCE的護欄進行描述的文本區域

的問題是,當我添加使用嵌套形式的link_to_add幫手TinyMCE的第一個產品編輯器不允許我輸入任何內容。

add_products.html.erb

<%= form.fields_for :products, @products do |product_form|-%> 
    <%= render :partial => 'short_product_form', :locals => {:product_form => product_form} %> 
<% end -%> 
<%= form.link_to_add "Add Product", :products %> 

_short_product_form.html.erb

<%= product_form.text_area :description, :class=> "tinymce" %> 
<%= tinymce :simple %> 

我需要調用任何使用link_to_add方法添加的產品後,或我要重新初始化任何設置在tinymce?

注意:我使用TinyMCE的護欄(3.5.8.1)寶石與資產的管道,而不是普通的TinyMCE

回答

0

您需要添加新的嵌套字段後初始化TinyMCE的一起。因此,假設你正在使用TinyMCE的,jQuery的,應該是這樣的:

$(document).on('nested:fieldAdded', function(event){ 
    event.field.find('textarea').tinymce({ 
    theme: 'simple' 
    }); 
}); 

基本上,你聽了一nested:fieldAdded事件,讓加(event.field)的DOM對象,並對其INITING TinyMCE的。

+0

我得到的JavaScript錯誤爲「tinymce不是函數」 – furiabhavesh

+0

我使用的是tinymce-rails,它需要我調用tinymce爲'<%= tinymce:simple%>' – furiabhavesh