Я работаю над модулем предложений, где я могу добавить одно или n позиций. Детали позиции, такие как название, описание, цена, динамически зависят от основной записи. Я использую jquery для добавления более одного элемента из базы данных.
Для описания элемента я пытаюсь использовать CKEditor, который работает только для 1-го элемента, а не для другого.
$(".delete").on('click', function() {
$('.case:checkbox:checked').parents("tr").remove();
$('.check_all').prop("checked", false);
check();
});
var i = $('table tr').length - 1;
$(".addmore").on('click', function() {
count = $('table tr').length - 1;
var data = "<tr><td><input type='checkbox' class='case'/></td><td><input class='form-control' type='text' id='productname_" + i + "' name='productname[]'/></td><input class='form-control' type='hidden' id='productcode_" + i + "' name='productcode[]'/> <td><textarea class='form-control ckeditor' id='description_" + i + "' name='description[]' ></textarea></td><td><input class='form-control price' type='text' id='price_" + i + "' name='price[]'/></td>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table table-bordered">
<th><input class='check_all' type='checkbox' onclick="select_all()" />
</th>
<th>Name</th>
<th>Description</th>
<th>Price</th>
</tr>
<tr>
<td><input type='checkbox' class='case' /></td>
<input type="text" class="form-control" id="productname_1" name="productname[]"></td>
<input type="hidden" class="form-control" id="productcode_1" name="productcode[]">
<td><textarea class="form-control ckeditor" id="description_1" name="description[]"></textarea></td>
<td><input type="text" class="form-control price" id="price_1" name="price[]"></td>
<td><button type="button" class='btn btn-danger delete'>-</button></td>
<td><button type="button" class='btn btn-success addmore'>+ </button></td>
</tr>
</table>
Как я могу отобразить CKEditor для всех позиций?