使用 SummerNote JS 编辑器的多个文本区域保存问题答案

【问题标题】：Multiple Textareas using the SummerNote JS Editor saving issues使用 SummerNote JS 编辑器的多个文本区域保存问题
【发布时间】：2018-05-25 12:13:29
【问题描述】：

我有一个表单，其中包含例如 10 个需要可编辑的 TEXTAREAS，保存时会保存这些 TEXTAREAS 的任何更改，但是，我已经集成了 JS 编辑器 Summernote (https://summernote.org/examples/)

我有一个生成 TEXTAREA 的 PHP 循环，它使用以下 JS 显示每个 TEXTAREA 的编辑器，但是当我对编辑器的任一内容区域进行更改并保存时，它不会保存内容... . 有人有什么想法吗？

$(function () {
  //ENABLES TEXT EDITOR
  $('textarea.editor').summernote();
})

HTML 示例：

<textarea id='en_info_received_content' class='editor form-control textarea' rows='4' name='en_info_received_content'>test content info</textarea>
<textarea id='en_delivered_content' class='editor form-control textarea' rows='4' name='en_delivered_content'>test content info</textarea>
<textarea id='en_failed_content' class='editor form-control textarea' rows='4' name='en_failed_content'>test content info</textarea>

【问题讨论】：

标签： javascript php jquery html summernote

【解决方案1】：

您可能需要将每个 <textarea> 放在它自己的 <form> 中，这样当提交单个 textarea 的表单并将数据发送到您的后端脚本时，它就有相关信息来存储数据。

【讨论】：

是的，这肯定是一种方法，但所有文本区域都在 1 种形式内......当然，如果我可以在所有文本区域上生成编辑器，我可以保存它们......我实际上做了一些 JS 函数来检查编辑器上的更改，找到父（隐藏）文本区域并更新值并完成了这个技巧，但并不总是更新所有这些函数，因为相当多的工作，有些......有时不'哈哈
我不确定 Summernote API 是否会干扰您保存数据的脚本，我认为不会（虽然可能是错误的）。我唯一的建议是让textarea 以单独的形式出现，这样它们就不会像我之前建议的那样干扰。或者用一个表单提交处理所有区域。我想您唯一需要注意的是发送的数据量。