TinyMCE的重裝編輯

Question

我有簡單的模態窗口的textarea：

<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> 

我有表與類.add_products_btn按鈕。

我的JS：

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

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

所以，當我點擊按鈕，在第一次我的TinyMCE的正常工作。但是當我點擊第二個按鈕時，我的tinymce不起作用（認爲是因爲每次點擊按鈕時textarea的id都相同）。 如何從編輯器中刪除舊的id instanse以再次使用它們？

謝謝。

Answer 1

您需要使用remove() API之前從DOM 分離TinyMCE的你閉上你的模態窗口。當模式被重新創建時，您可以再次使用init()。

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