DOM에서 제거한 후에 TinyMCE를 실행할 수 없습니다.

Question

DOM에서 제거한 다음 다시 추가하면 TinyMCE에 약간의 문제가 있습니다. 기본적으로 편집기는 사용할 수 없게됩니다.

여기에 약간의 테스트 케이스를 넣었습니다 : http://sprymedia.co.uk/media/misc/tinymce/. 이 문제를 재현하는 코드는 매우 간단합니다.

$(document).ready(function() { 
    tinymce.init({ 
     selector: '#test' 
    }); 

    $('button').on('click', function (e) { 
     e.preventDefault(); 
     $('#container').remove().appendTo('body'); 
    }); 
}); 

DOM에서 편집기를 제거한 다음 다시 추가 할 수 있습니까? 이것에 대해 API에서 아무것도 볼 수 없었습니다.

Answer 1

당신은 당신이 다음과 같이 제거 후 TinyMCE를 다시 초기화를 시도 할 수 있습니다 :

$(document).ready(function() { 
    tinymce.init({ 
     selector: '#test' 
    }); 

    $('button').on('click', function (e) { 
     e.preventDefault(); 
     $('#container').remove().appendTo('body'); 
     tinymce.init({ 
      selector: '#test' 
     }); 
    }); 
}); 

Demo