2

Есть код, которые добавляет/удаляет input с редактором CKEditor:

$("#add").click(function(e) {
    $("#items").append('<div><input name="content[]" type="text" class="form-control ckeditor"/><button id="delete" type="button" class="btn btn-danger">Удалить</button></div>');
  })
  .on('click', function() {
    CKEDITOR.replace('content[]');
  });
$("body").on("click", "#delete", function(e) {
  $(this).parent("div").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.0/standard/ckeditor.js"></script>
<div><button id="add" type="button" class="btn btn-success">Добавить поле</button></div>
<div id="items">
</div>

Проблема в том, что CKEDITOR.replace() срабатывает по индентификатору name, т. е. при попытке добавить еще один input с редактором, получаю ошибку Uncaught The editor instance "content[]" is already attached to the provided element.
Как применять эту функцию

.on('click', function () {
        CKEDITOR.replace('content[]');
    })

к каждому новому input?
Пробовал использовать метод replaceAll, редактор вообще не подгружается.

9
  • 1
    Вы вариант в вопросе даете? ну так пробуйте у себя 26 июн 2017 в 7:15
  • 1
    можете здесь дать рабочий код с Ckeditor? 26 июн 2017 в 8:24
  • 1
    такой что бы тут работу хоть и не правильную увидели 26 июн 2017 в 8:29
  • 1
    спасибо сейчас посмотрю 26 июн 2017 в 8:35
  • 1
    Во второй раз когда вы нажимаете на Добавить поле хотите получить второй редактор после первого? я правильно понял? или просто очистить первый? 26 июн 2017 в 8:38

1 ответ 1

1

Насколько я понял ckeditor не поддерживает input array ([]).

Для этого могу предложить вот такой вариант:

$(document).ready(function(){
    var i=1;
    $("#add").click(function(e) {
        //Append a new row of code to the "#items" div
        $("#items").append('<div><input name="content'+i+'" type="text" class="form-control ckeditor"/><button id="delete" type="button" class="btn btn-danger">Удалить</button></div>');
      })
      .on('click', function() {
            CKEDITOR.replace('content'+i);
            i++;
      });
    $("body").on("click", "#delete", function(e) {
      $(this).parent("div").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.0/standard/ckeditor.js"></script>
<div><button id="add" type="button" class="btn btn-success">Добавить поле</button></div>
<div id="items">
</div>

Динамически добавить в имя каждого input число.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.