Множество экземпляров летних нот

У меня есть веб-страница, на которой есть несколько summernote экземпляров.

У меня есть 4 textarea с разными идентификаторами. Я запускаю 

$("textarea").each(function () {
            $(this).summernote({
                height: 240,
                toolbar: [
                    ['font', ['bold', 'underline', 'clear']],
                    ['para', ['ul', 'ol']],
                    ['insert', ['link']],
                    ['view', ['help']]
                ]
            });
        });

Код для преобразования textareas в summernote экземпляры.

Теперь я хочу получить доступ к коду конкретного человека. Как это сделать?

Для дополнительной информации мой бэкэнд django и textarea генерируются несколькими формами. Единственное отличие заключается в том, что имеющаяся у меня форма не отправляет запрос на бэкенд с помощью обычной формы html. Вместо этого я пытаюсь отправить запрос с помощью axios.

Обратите внимание, когда я пытаюсь получить доступ к значению textarea, используя его id:

let description = $("#{{ form_invoice.description.auto_id }}").val();

или 

let description2 = $("#{{ form_brand.description.auto_id }}").val();

Я всегда получаю описание первой формы на странице.

Поскольку у меня есть несколько форм, созданных Django, и все формы имеют description поля, все auto_id будут id_description.

Проблема в том, что summernote переопределяет textarea и элемент inspect не показывает четко проблему, когда у меня есть несколько элементов с одинаковым id на странице.

Решение:

Добавление префиксов к каждой форме при создании формы в представлении.

form_brand = BrandsForm(prefix="brand")
form_invoice = InvoicesForm(prefix="invoice")

Теперь у этих двух форм description поле имеет разные идентификаторы.

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