使用Tinymce插件时textarea值为空，无法存入数据库

我来帮你排查这个问题，通常这种情况都是因为TinyMCE没有把编辑器内容同步回原生textarea导致的，下面是一步步的解决办法：

1. 确保TinyMCE正确初始化 #

首先检查你的TinyMCE初始化代码，必须要精准关联到textarea的id（也就是product_tip），示例代码如下：

tinymce.init({
  selector: '#product_tip', // 这里必须和textarea的id完全对应
  // 其他配置项（比如工具栏、插件）...
});

如果selector写错了，TinyMCE根本没绑定到目标textarea，自然不会有内容同步的动作。

2. 手动同步编辑器内容到textarea #

因为你用的是<input type="button">而非原生的<input type="submit">，TinyMCE不会自动触发内容同步。所以在提交表单前，必须手动调用同步方法：

document.querySelector('.upload-btn').addEventListener('click', function() {
  // 先把编辑器内容同步回原生textarea
  tinymce.get('product_tip').save();
  // 再提交表单
  document.getElementById('upload').submit();
});

这一步是关键，确保表单提交前，编辑器里的内容已经被写入到原生textarea中，后端才能正常获取到值。

3. 检查后端接收逻辑 #

后端PHP代码里，要确保通过$_POST['product_tip']获取值（因为表单是method="post"），示例代码：

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  // 用空值合并运算符避免未定义索引警告
  $product_tip = $_POST['product_tip'] ?? '';
  // 执行存入数据库的逻辑...
}

另外，表单的enctype="multipart/form-data"是用于文件上传的，如果你的表单没有文件上传控件，可以去掉这个属性，避免不必要的解析问题。

4. 调试小技巧 #

可以在提交前先打印textarea的值，确认同步是否生效：

document.querySelector('.upload-btn').addEventListener('click', function() {
  tinymce.get('product_tip').save();
  console.log(document.getElementById('product_tip').value); // 查看控制台输出内容
  document.getElementById('upload').submit();
});

如果控制台能输出编辑器内容，说明问题出在后端；如果还是空值，那就是TinyMCE初始化或同步环节有问题。

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