2

ユーザーが複数の製品を追加できるページがあります (ネストされたフォームを使用)。

各エントリには「名前」と「説明」の 2 つのフィールドがあり、説明のテキスト領域に 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-rails（3.5.8.1）gemをアセットパイプラインとともに使用していますが、プレーンなtiny-mceではありません

4

1 に答える 1

0

新しいネストされたフィールドが追加された後、TinyMCE を初期化する必要があります。したがって、tinymce-jquery を使用していると仮定すると、次のようになります。

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

基本的に、nested:fieldAddedイベントをリッスンし、dom オブジェクトを追加して ( event.field)、tinymce を開始します。

于 2013-05-29T09:02:38.843 に答える