javascript - 如何使 TinyMCE 处理具有相同数组名称的多个文本区域

Question

我的表单有多个文本区域，所有文本区域的名称都相同item_description[]。用户可以添加无限的项目、重新排序项目、删除项目，因此使用此数组名称似乎是我唯一的可能性。

我的 TinyMCE 代码适用于第一个文本区域，但从第二个文本区域开始，TinyMCE 显示但不可编辑。

JavaScript

tinyMCE.init({
    selector: "textarea",
});

HTML

<textarea name="item_description[]"></textarea>
<textarea name="item_description[]"></textarea>

(文本区域的数量取决于页面上的项目数量)

那么如何让 TinyMCE 在所有文本区域上工作？

Answer 1

选择器配置选项允许您使用 CSS 选择器来定位您希望 TinyMCE 出现的所有元素:

https://www.tinymce.com/docs/configure/integration-and-setup/#selector

我只是在所有应该加载 TinyMCE 的文本区域上放置一个类:

<textarea class="editor" name="item_description[]"></textarea>
<textarea class="editor" name="item_description[]"></textarea>

...然后使用与类匹配的选择器:

tinyMCE.init({
    selector: ".editor",
});