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