Ckeditor from id не загружается в insertAdjacentHTML

Заранее спасибо Я хочу иметь поле комментария ckeditor внутри replay textarea, но оно не загружается. все что загружает textarea загружается, но ckeditor не загружается с этим id. Я думаю, что он загружается один раз при рендеринге страницы.

1. Before click on replay

введите описание изображения здесь

2. after clicking on replay button form appears

введите описание изображения здесь

3. my ckeditor main comment form

введите описание изображения здесь

---

форма моего комментария javascript

            <script>
            function formExit() {
                document.getElementById('newForm').remove();
            }

            function myFunction(id) {

                if (document.contains(document.getElementById("newForm"))) {
                    document.getElementById("newForm").remove();
                }

                var a = document.getElementById(id);
                a.insertAdjacentHTML('afterend', ' \
                <form id="newForm" method="post"> \
                    <div class="re_form"> \
                    <h2>Replay:</h2> \
                    <button type="button" class="btn re_form_close bg-red" onclick="formExit()"> \
                        Close \
                    </button> \
                    <p> \
                        <select name="parent" class="d-none" id="id_parentt"> \
                            <option value="' + id + '" selected="' + id + '"></option> \
                        </select> \
                    </p> \
                    <p> \
                         \
                        <textarea placeholder="Comment here" name="body" id="id_body" class="re_form_textarea"></textarea>\
                    </p> \
                    {% csrf_token %} \
                    <button type="submit" class="btn btn-primary btn-lg btn-block bg-olive">Submit</button> \
                    </div> \
                    </form> \
                ');
            }


            $('#myForm').trigger("reset");
        </script>

                            

в этой строке выше видим id="id_body" здесь загружается ckeditor но он показывает пустое текстовое поле без ckeditor

<textarea placeholder="Comment here" name="body" id="id_body" class="re_form_textarea"></textarea>\

моя форма воспроизведения

<button class="bg-yellow btn" onClick="myFunction({{ node.id }})">Reply</button>

Вернуться на верх