如何使 TinyMCE 与具有相同数组名称的多个文本区域一起工作

Question

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

我的 TinyMCE 代码适用于第一个 textarea，但从第二个 textarea 开始，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",
});