Как сделат поэтапную загрузку картинок с полным описанием?

<div class="editor wysiwygeditor"></div>
    <div class="editor wysiwygeditor"></div>
    <div class="editor wysiwygeditor"></div>
    <div class="editor wysiwygeditor"></div>

    <textarea name="xfield[dop-sortstory-instrukt]" id="xf_[dop-sortstory-instrukt]" class="wysiw" required="required"></textarea>

$(document).on('input', '.fr-element', function() {
  const content = $('.fr-element')
    .get()
    .map(n => `\n  <li>${$(n).html()}</li>`)
    .join('');

  $('.wysiw').val(`<ul>${content}\n</ul>`);
});