如何为具有相同名称的多个文本区域添加ckeditor

Posted 2023-05-09

【中文标题】如何为具有相同名称的多个文本区域添加ckeditor

【英文标题】：How to add ckeditor for multiple textarea with same name

【发布时间】：2021-12-10 21:11:09

【问题描述】：

<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 个具有相同名称的文本区域 research_projects[ ]。而且它也是动态的，可以添加多个这些文本区域。那么如何将 ckeditor 添加到所有这些文本区域。

【参考方案1】：

给他们不同的ID然后做

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

【参考方案2】：

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

为CKEditor将工作的所有文本区域赋予不同的名称 用户提交表单比提交表单之前更改名称 价值观

喜欢

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

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

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