TinyMCE Reload-Editor

Question

Ich habe einfach modale Fenster mit Textfeld:

<div class="box-modal" id="product_modal"> 
    <div class="box-modal_close arcticmodal-close"><img id="closePopupImage" src="/images/icons/popup_icon_close.png"></div> 
    <div id="product_fields"> 
     <span class="product_label">{'TEXT_PRODUCT_NAME'|tr}:</span> 
     <input type="text" class="product_name"> 
     <span>{'TEXT_PRODUCT_PRICE'|tr}:</span> 
     <input type="text" class="product_price"> 
     <span>{'TEXT_PRODUCT_AMOUNT'|tr}:</span> 
     <input type="text" class="product_amount"> 
     <br> 
     <span class="product_label pr_comment">{'TEXT_PRODUCT_COMMENT'|tr}:</span> 
     <textarea id="product_comment" class="product_comment"></textarea> 
     <img class="add_one_more" src="/images/icons/add_button.png" title="{'TEXT_ADD_ONE_MORE'|tr}"> 
    </div> 
</div> 

Ich habe Tabelle mit Knopf mit Klasse .add_products_btn.

Meine js:

function makeTinyMceEditor() { 
      tinymce.init({ 
       selector: "#product_comment", 
       plugins: "link" 
      }); 
    } 

$(".add_products_btn").click(function() { 
     $("#product_modal").arcticmodal(); 
     makeTinyMceEditor(); 
    }); 

Also, wenn ich in der Taste in erstem Mal meines tinymce funktioniert gut. Aber wenn ich auf den zweiten Knopf klicke, funktioniert mein Tinymce nicht (denke, weil Textareas Ids jedes Mal gleich sind, wenn ich auf den Knopf klicke). Wie kann ich alte ID-Instanzen aus dem Editor entfernen, um sie wieder zu verwenden?

Danke.

Answer 1

Sie müssen die remove() API verwenden TinyMCE aus dem DOM vor Sie schließen Ihre Modal Fenster zu lösen. Sie können dann init() erneut verwenden, wenn das Modal neu erstellt wird.

https://www.tinymce.com/docs/api/tinymce/root_tinymce/#remove