jodit 的多文本区域

Question

我有超过 15 个编辑器，并且希望将它们显示在一页上（HTML/CSS/JS）。 此 Jodit 只能与一位编辑器配合使用，但不能与多个编辑器配合使用。 我希望所有编辑都能工作。

请参阅此示例代码：Fiddle

<textarea class="email_content"></textarea>
<textarea class="email_content"></textarea>
<textarea class="email_content"></textarea>
<textarea class="email_content"></textarea>
<textarea class="email_content"></textarea>

...

<textarea class="email_content"></textarea>
<textarea class="email_content"></textarea>
<textarea class="email_content"></textarea>
<textarea class="email_content"></textarea>
<textarea class="email_content"></textarea>

var editor = new Jodit(".email_content", {
  "toolbarButtonSize": "small",
  "enter": "DIV",
  "buttons": "undo,redo,|,bold,strikethrough,underline,italic,,,,,,,,,,,,,,,,align,"
});

是否有一种代码可以在多个编辑器中运行？

Answer 1

var editors = [].slice.call(document.querySelectorAll('.editor'));
editors.forEach(function (textarea) {
var editor = new Jodit(textarea, {
  "toolbarButtonSize": "small",
  "enter": "DIV",
  "buttons": "undo,redo,|,bold,strikethrough,underline,italic,,,,,,,,,,,,,,,,align,"
    });
});