Swift开发的iOS应用自托管TinyMCE移动端配置失效求助

我用Swift开发iOS应用，希望通过Xcode本地加载tinymce.min.js集成TinyMCE富文本编辑器，按指南操作后，样式与JavaScript功能完全失效，仅显示无工具栏的纯文本框。注：使用云API Key通过URL加载时可正常运行。

相关HTML代码如下：

<!DOCTYPE html>
<html>
<head><!-- Get TinyMCe Cloud -->
<script src="js/tinymce/tinymce.min.js"></script>
<script>
  tinymce.init({
    selector: 'textarea',
    theme: 'silver',
    mobile: {
      theme: 'mobile',
      plugins: 'autosave lists autolink',
      toolbar: 'undo bold italic styleselect'
    }
  });
  </script>

  </head>
  <body>
  <textarea>Now go get a free trial of our Premium Plugins!</textarea>

  </body>
</html>

效果截图：

解决步骤 #

1. 核对本地资源路径与打包配置 #

• 确认tinymce.min.js及配套的主题文件夹（如themes/silver）、所需插件文件夹（如plugins/autosave）都已添加到Xcode项目，且在Build Phases > Copy Bundle Resources中勾选了所有相关文件。
• 验证HTML中的src路径是否与Bundle内实际路径匹配，可通过Swift代码打印资源路径确认：

if let path = Bundle.main.path(forResource: "tinymce.min", ofType: "js", inDirectory: "js/tinymce") {
    print("资源路径存在：\(path)")
} else {
    print("资源路径不存在")
}

2. 配置WebView本地访问权限 #

如果使用WKWebView，需开启本地文件访问权限：

let config = WKWebViewConfiguration()
config.allowsFileAccessFromFileURLs = true
let webView = WKWebView(frame: view.bounds, configuration: config)

3. 完整引入TinyMCE本地资源 #

自托管TinyMCE不能仅引入tinymce.min.js，必须包含完整配套文件：主题、插件、语言包（按需），这些文件需与tinymce.min.js放在同一层级目录下，确保初始化时能加载依赖资源。

4. 初始化时指定本地资源根路径 #

在tinymce.init中添加base_url配置，明确指向本地资源根目录：

<script>
  tinymce.init({
    selector: 'textarea',
    theme: 'silver',
    base_url: './js/tinymce', // 对应Bundle内的资源根路径
    mobile: {
      theme: 'mobile',
      plugins: 'autosave lists autolink',
      toolbar: 'undo bold italic styleselect'
    }
  });
</script>

5. 查看WebView控制台错误 #

通过Xcode菜单**Debug > Safari Develop > [你的设备/模拟器] > [你的WebView]**打开Safari开发者工具，查看控制台JS报错，直接定位资源加载失败（如404）的具体原因。

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