AJAX eklendikten sonra TinyMCE düzenleyicisini / görsel düzenleyiciyi başlat

Özel seçenekler sayfasında bir "tekrarlayıcı" tarzı alan grubum var. Gizli bir durumda etkin bir görsel düzenleyici vardır ve kullanıcı "yeni ekle" yi tıklattığında tüm satır klonlanır. Sonra klonlanmış satırda görsel düzenleyiciyi başlatmam gerekiyor. Kodum:

$('.repeater-add-new').click(function(event) {
    event.preventDefault();
    var target = $(this).data('repeater');
    $( '#' + target).find('.repeater-row:not(.clone) .repeater-content.in').collapse();
    var newRow = $( '#' + target + ' .repeater-row.clone' ).clone().appendTo( '#' + target + ' .repeater-row-wrapper' ).removeClass('clone');
    rebuildIndex(target);

    // Initialize editors if needed
    newRow.find('.wp-editor-wrap').each(function(index, el) {
        var ed_id = $(this).find('textarea').attr('id');

        tinymce.init(tinyMCEPreInit.mceInit[ed_id]);
        tinymce.execCommand('mceAddEditor', false, ed_id); 
        quicktags({id : ed_id});
    });
});

Arayüzün ekran görüntüsü:

Sayfa yüklendiğinde konsol hatası alıyorum:

Yakalanmamış TypeError: undefined öğesinin 'onpageload' özelliği okunamıyor

Ve elbette editör çalışmıyor. Sayfayı kaydettikten sonra elbette iyi çalışıyor, ancak satır da eklendiğinde işlevsel olması gerekiyor.

JavaScript'iniz olmadan editörün çalışmasını sağladınız mı? Öyleyse, çalışan bir tinymce düzenleyicisi içeren bir şablon oluşturmaya çalışın WithDataAndEventsve jQuery clone()işlevinin true olarak ayarlanmış argümanını kullanarak bu şablonu kopyalamak için javascriptinizi yeniden yazın .

Örneğin:

$('.cloner').click(function(){
  $('.container').append($('.template').clone(true).removeClass('hidden'));
});