CodeIgniter 4中TinyMCE编辑器无法点击问题排查求助

针对你迁移CodeIgniter 4后TinyMCE 4.1.7无法点击的问题，给出以下排查方向：

• 检查DOM遮挡问题
  用浏览器开发者工具（F12）的元素选择器点击编辑器区域，查看选中的是否为TinyMCE的容器/iframe，还是其他上层元素。CI4默认模板可能引入了全局遮罩、弹窗或z-index值过高的元素，意外覆盖编辑器导致无法点击。

• 验证资源路径正确性
  CI4的base_url配置逻辑与CI3不同，需确认以下资源是否正常加载：

  • 检查网络面板中tinymce.min.js、desktop.css的HTTP状态码是否为200，无404错误
  • 确认app/Config/App.php中baseURL已正确配置，避免路径解析异常

• 移除textarea的无效属性
  你的textarea标签添加了type="textarea"属性，这是HTML规范中不存在的无效属性。CI4的模板渲染或浏览器严格模式下，该属性可能干扰TinyMCE的DOM绑定逻辑，建议移除所有textarea的type="textarea"属性后重试。

• 简化初始化代码排查
  先使用最简配置初始化TinyMCE，排除自定义配置的影响：

  tinymce.init({
      selector: "textarea",
      height: 450
  });
  

  如果最简配置能正常点击，再逐个添加原配置项（如content_css、file_browser_callback），定位触发问题的配置。重点检查file_browser_callback中base_url("manage/files")对应的CI4路由是否存在、权限是否正常。

• 排查CSRF防护影响
  CI4默认开启CSRF防护，若防护规则影响了编辑器的事件绑定，可临时在app/Config/App.php中设置$csrfProtection = false测试。若恢复正常，需为编辑器相关请求添加CSRF白名单或正确传递token。

• 检查浏览器兼容性与隐藏错误
  TinyMCE 4.1.7版本较老，可能与现代浏览器特性冲突：

  • 查看开发者工具的「警告」栏，是否有隐性报错或CSP（内容安全策略）相关提示
  • 确认CI4是否设置了严格的CSP规则，限制了TinyMCE脚本的执行权限

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