ckeditor не обновляет значение textarea

Question

Я использую ckeditor и согласно документации значение textarea должно обновляться автоматически. Однако это не так.

Я использую JS:

  ClassicEditor.create( document.querySelector( '#usp-content' ), {
        toolbar: [ 'bold', 'italic', 'bulletedList' ]
    } )
    .catch( error => {
        console.log( error );
    } );

А это HTML:

   <form id="usp-form-11>
    <div class="form-group">
      <textarea name="usp-content" id="usp-content" rows="5" cols="30" maxlength="999999" data-required="true" required="required" placeholder="Type something..." class="usp-input usp-textarea usp-input-content my_content form-control"></textarea>
    </div>
   </form>

Но когда я отправляю, я получаю

Недопустимый элемент управления формы с именем = 'usp-content' не может быть сфокусирован.

Я даже пытался добавить следующее, хотя в документации сказано, что оно должно делать это автоматически:

var contents = $('.ck-content').html();
$('.ck-content').blur(function() {
  if (contents!=$(this).html()){
    contents = $(this).html();
  }
});

$("#usp-form-11").on("submit", function(){
  $("#usp-content").attr("value", contents);
});

Answer 1

Я решил это, взяв данные вручную и поместив в качестве значения textarea на submit

document.querySelector( '.usp-submit' ).addEventListener( 'click', () => {
  const editorData = editor.getData();
  jQuery("#usp-content").val(editorData);
} );

Это также на их документ