ckeditor.js + модальное окно bootstrap

У меня имеется модальное окно bootstrap, которое открывается при нажатии на кнопку. В этом модальном окне инициализируется textarea ckeditor.

<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#editAnswer" onclick="edit_answer({{ answer.id }})">Редактировать</button>

при нажатии на кнопку, как я писал выше появляется модальное окно

<div class="modal" id="editAnswer" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Редактирование</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <textarea name="meaning" id="quest-body" rows="7"></textarea>
          <script type="text/javascript">
            var ckeditor1 = CKEDITOR.replace('quest-body');
            AjexFileManager.init({
              returnTo: 'ckeditor',
              editor: ckeditor1
            });
          </script>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary">Сохранить</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
      </div>
    </div>
  </div>
</div>

Внутри которого появляется редактор ckeditor. На странице таких кнопок множество, они все вызывают одно и то же модальное окно с этим редактором. Все эти кнопки находятся в разных карточках bootstrap, внутри которых тело поста (текст). Соответственно каждая кнопка будет привязана к этому посту.

У меня проблема, я не могу понять, как мне каждый раз загружать модальное окно с редактором и заранее введенном в него текстом, взятым из тела поста, которому соответствовала кнопка.

Я при помощи jinja2 при рендере странички присваивать каждой кнопке функцию, с аргументом в виде id поста, где я обращаюсь к словарю с уже выгруженными данными про посты по id, беру оттуда текст и пытаюсь при запуске модального окна вставить его в ckeditor. Вроде бы всё получается, кроме последнего пункта, я не понимаю как вставлять каждый раз в ckeditor новый текст без обновление странички при вызове модального окна.

Сам я новичок в web разработке, именно этот алгоритм редактирования поста выбрал, потому что он мне пришёл первым в голову. Если есть варианты по лучше, то очень прошу мне кинуть ссылку на них.

Back-end на python flask Посты хранятся в базе данных (id, тело поста, заголовок, автор) На страничке использовал только jQuery, при рендере jinja2, bootstrap-4

Заранее всем отвечающим спасибо!


Ответы (0 шт):