TinyMCE에 다시로드 편집기

Question

나는 텍스트 영역과 간단한 모달 창을 가지고

<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가 동일하기 때문에 생각합니다). 편집기에서 이전 아이디를 제거하려면 어떻게해야합니까?

감사합니다.

Answer 1

당신은 당신이 당신의 모달 창을 닫습니다 전에 DOM 에서 TinyMCE를 분리하기 위해 remove() API를 사용해야합니다. 그런 다음 모달을 다시 만들 때 init()을 다시 사용할 수 있습니다.

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