使用JavaScript替代PHP获取nicEdit编辑器AnswerText值失败求助

嘿，我来帮你搞定这个问题～你遇到的情况是：用nicEdit编辑器时，PHP通过$_POST能正常拿到AnswerText的值，但自己写的SubmitFormData()函数里用$("#AnswerText").val()却获取不到编辑器内容，对吧？

问题根源 #

这是因为nicEdit的工作机制导致的：它会把原始的<textarea>元素隐藏，生成一个富文本编辑容器（比如iframe）让用户操作。用户输入的内容其实存在这个容器里，只有在表单提交时，nicEdit才会自动把编辑器内容同步回原始textarea，所以PHP能拿到值；但你直接用JS获取textarea的val()时，它还是初始的空值，自然拿不到。

解决思路 #

• 方法一：使用nicEdit官方API获取内容（推荐）
  nicEdit提供了专门的API来获取编辑器内容，你可以先找到对应的编辑器实例，再调用getContent()方法：

  function SubmitFormData() {
      // 根据textarea的ID找到对应的nicEdit编辑器实例
      var editorInstance = nicEditors.findEditor('AnswerText');
      // 获取编辑器中的内容
      var AnswerText = editorInstance.getContent();
      alert(AnswerText);
  }
  

  这种方式完全贴合nicEdit的设计，不会有同步问题，是最优解。

• 方法二：手动同步内容到原始textarea
  如果你坚持想用$("#AnswerText").val()获取，可以先调用nicEdit的saveContent()方法，把编辑器内容同步回textarea，再取值：

  function SubmitFormData() {
      // 先将编辑器内容同步到原始textarea
      nicEditors.findEditor('AnswerText').saveContent();
      // 现在就能正常获取textarea的值了
      var AnswerText = $("#AnswerText").val();
      alert(AnswerText);
  }
  

  这个方法相当于模拟表单提交时的同步动作，之后就能用你原来的方式拿到内容。

• 额外检查：确保jQuery已正确引入
  你的代码里用到了$("#AnswerText")，但没看到引入jQuery的代码！如果页面里还没加jQuery，记得在<head>里补充：

  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  

  也可以替换成你本地的jQuery文件路径，否则$会报错，自然拿不到值。

内容的提问来源于stack exchange，提问作者zomham