多个 Summernote 实例

Question

我有一个网页，其中有多个

summernote

实例。

我有 4 个具有不同 id 的

textarea

。我跑

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

将

textarea

转换为

summernote

实例的代码。

现在我想访问特定代码。如何做到这一点？

有关更多信息，我的后端是

django

和

textarea

是由多种表单生成的。唯一的区别是我的表单不会使用常规的

html

表单将请求发送到后端。相反，我尝试使用

axios

发送请求。

请注意，当我尝试使用

textarea

的 id 来访问它的值时：

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

或

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

我总是在页面上看到第一个表单的描述。

Answer 1

因为我有 Django 创建的多个表单，并且所有表单都有

description

字段，所有

auto_id

都将为

id_description

。

问题是

summernote

覆盖了

textarea

并且检查元素没有清楚地显示页面上有多个具有相同 id 的元素的问题。

解决方案：

在视图中创建表单时为每个表单添加前缀。

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

现在这两个表单

description

字段有不同的id。