Multiple textarea initialization with same class name is not happening?

[Satz007]

Multiple textarea initialization with same class name is not happening?

HTML

Feedback content* <textarea class="js-lite-editor form-control paste" maxlength="500" data-minlength="1" data-name="feedback_content" name="feedback_content" data-required="required" type="text" value=''></textarea>

Please enter Feedback content Please enter valid Feedback content

Additional content* <textarea class="js-lite-editor form-control paste" maxlength="200" data-minlength="1" data-name="additional_content" name="additional_content" data-required="required" type="text" value=''></textarea>

Please enter Additional content Please enter valid Additional content

Javascript:

window.addEventListener('DOMContentLoaded',function(){
var editor = new LiteEditor('.js-lite-editor');
});

Issue:

Only one textarea is getting initialized. other one is not initialized.

[uidev1116]

@Satz007
Sorry for late reply.
Because Multiple textarea initialization with same class name is not supported, Please initialize the number of textarea as shown in the code below.

window.addEventListener('DOMContentLoaded',function(){
  const editors = document.querySelectorAll('.js-lite-editor');
  editors.forEach((editor) => {
      new LiteEditor(editor);
  });
});