jquery textarea ckeditor가 작동하지 않습니다.

Question

이것은 내 코드입니다. 이 ckeditor 기능에서는 데이터를 추가하는 데 적용되지 않습니다. header.php 파일의 ckeditor에 cdn link를 사용하고 있습니다. 어떻게 신청할 수 있습니까?

<script>  
    $(document).ready(function(){ 

     var i = 1; 
     $('#add').click(function() 
     { 

      $.getScript("ckeditor.js"); 

     i++; 
     $('#dynamic_fields').append('<tr id="row'+i+'"><td><label class="col-md-3 control-label">Title</label><input type="text" name="title[]" id="title" placeholder="Enter Name" class="form-control name_list"><label class="col-md-3 control-label">Description</label><textarea class="ckeditor form-control" name="desc[]" id="desc" rows="6" style="width:50%;" value=""></textarea><input type="hidden" name="imageid" value=""> <label class="col-md-3 control-label">Product Image</label><div class="form-group"><input type="file" class="form-control" name="userfile[]" multiple="multiple"></div></td><td><button name="remove" id="'+i+'" class="btn btn-danger btn-remove" >X</button></td></tr>'); 

    }); 
    $(document).on('click', '.btn-remove', function(){ 

    var button_id = $(this).attr("id"); 
    $('#row'+button_id+'').remove(); 
    }); 
    }); 

    </script> 

Answer 1

작동하는 것 같습니다. 나는 당신의 i ++의 위치를 ​​append 이후에 바꿨고 그 js 코드를 위해 CDN을 사용했고 당신에게만 가질 수 있기 때문에 ID에 카운터를 덧붙였다. 로컬 시스템에서이 작업을 시도했지만 오류없이 작동합니다. 나는 이것이 당신이 원했던 것이라고 생각합니다.

var i = 1; 
 

 
$('#add').click(function() { 
 

 
    $('#dynamic_fields').append('<tr id="row' + i + '"><td><label class="col-md-3 control-label">Title</label><input type="text" name="title[]" id="title" placeholder="Enter Name" class="form-control name_list"><label class="col-md-3 control-label">Description</label><textarea class="ckeditor form-control" name="desc'+i+'" id="desc'+i+'" rows="6" style="width:50%;" value=""></textarea><input type="hidden" name="imageid" value=""> <label class="col-md-3 control-label">Product Image</label><div class="form-group"><input type="file" class="form-control" name="userfile[]" multiple="multiple"></div></td><td><button name="remove" id="' + i + '" class="btn btn-danger btn-remove" >X</button></td></tr>'); 
 
CKEDITOR.replace('desc'+i); 
 
    i++; 
 

 
}); 
 

 

 
$(document).on('click', '.btn-remove', function() { 
 
    var button_id = $(this).attr("id"); 
 
    $('#row' + button_id + '').remove(); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdn.ckeditor.com/4.7.2/basic/ckeditor.js"></script> 
 

 
<button id="add">ADD</button> 
 
<div id="dynamic_fields"></div>