如何为多个同名的textarea添加ckeditor

Question

<div>
<textarea class="input-area additional" name="research_projects[]" placeholder="Project Details" spellcheck="false"></textarea>
</div>
<div>
<textarea class="input-area additional" name="research_projects[]" placeholder="Project Details" spellcheck="false"></textarea>
</div>

这是 2 个具有相同名称的 textareas research_projects[] 。 它也是动态的，可以添加多个文本区域。 那么如何将 ckeditor 添加到所有这些文本区域。

Answer 1

给他们不同的 ID 然后做

document.querySelectorAll("[name^=research_projects]")
  .forEach(elem => CKEDITOR.replace(elem.id));

Answer 2

我在提交带有添加更多按钮和动态 jquery 内容的表单时遇到了同样的问题。 CKEditor 可能不适用于类和 ID，我做什么。

为所有文本区域指定不同的名称，当用户提交表单时，CKEditor 将工作，而不是提交表单更改名称值之前

喜欢

$("#submitButton).click(function(){
$(".input-area additional").each(function(){
$(this).attr("name","research_projects[]");

})
$("#form").submit();
})

我希望这个想法对你有用。 谢谢