Генерация CKEDITOR не работает для оператора цикла с использованием JavaScript

Question

Можно ли создать ckeditor, используя оператор for в javascript?Каждый раз, когда я создаю ckeditor внутри textarea, ckeditor не появляется.Любая идея.Спасибо.

<script type="text/javascript">
 for(var index = 1; index <= 4; index++ ){
  str += '<textarea class="ckeditor" name="answer[]"></textarea>';
 }
</script>

Образец изображения:

Answer 1

Глядя на readme ckeditor5 , кажется, что вам нужно уже вставить текстовые области HTML, а затем вызвать метод create для каждой текстовой области, передавая его идентификатор в качестве параметра.Я извлек это из файла readme:

На вашей HTML-странице добавьте элемент, который должен заменить CKEditor:

<textarea name="content" id="editor"></textarea>

Загрузите сборку классического редактора (вы можете выбирать между загрузками CDN, npm и zip).):

<script src="https://cdn.ckeditor.com/ckeditor5/<version>/classic/ckeditor.js"></script>

Вызовите метод ClassicEditor.create ():

<script> 
   ClassicEditor .create(
      document.querySelector( '#editor' )
   ) .catch( error => { console.error( error ); } );
</script>

Вы готовы к работе!

Итак, следуя этим инструкциям, вы должныиметь возможность вызывать create для каждой текстовой области в вашем цикле, если она была добавлена ​​в документ перед вызовом create ().

Edit: если вы действительно хотите использовать более старую версию ckeditor, онавыглядит как предыдущий вопрос упоминается с использованием .replace() или .replaceClass()