如何使 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 出现的所有元素：

我只想在所有应该加载 TinyMCE 的文本区域上放置一个 class：

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

...然后使用匹配 class:

的选择器

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

How to make TinyMCE work with multiple textareas with the same array name