AJAX를 통해로드 할 때 TinyMCE가 표시되지 않습니다.

Question

두 페이지가 있습니다. page1 및 page2. 2 페이지에서 주석 입력 :

$(document).ready(function(){    
    tinymce.init({ 
     selector: "textarea", 
     theme: "modern"    
    }); 
}); 

페이지 1에서는 페이지 2에 ajax 요청을 요청하고 html을 표시합니다.

$.ajax({ 
    url: "page2.php", 
    success: function(data) { 
     $("#ToolFrame").html(data); 
    } 
}); 

하지만이 작업을 수행하면 텍스트 영역이 정상입니다. 하지만 TinyMCE는 AJAX 요청없이 수동으로 page2로 이동할 때 나타납니다. 콘솔에 오류 메시지가 표시되지 않습니다.

어떻게하면 AJAX 요청이있는 첫 번째 페이지에 TinyMCE가 표시 될 수 있습니까?

Answer 1

.html (데이터) 바로 뒤에 성공 콜백 내에서 tinyMCE 코드를 호출해야합니다.

$.ajax({ 
    url: "page2.php", 
    success: function(data) { 
     $("#ToolFrame").html(data); 
     tinymce.init({ 
      selector: "textarea", 
      theme: "modern"    
     }); 
    } 
});