TinyMCE 无法从云端加载 CSS 文件答案

【问题标题】：TinyMCE failing to load CSS file from cloudTinyMCE 无法从云端加载 CSS 文件
【发布时间】：2025-12-02 04:55:01
【问题描述】：

我看到一个粉红色的盒子

加载内容 css 失败：https://cloud.tinymce.com/stable/skins/lightgray/content.min.css

tinymce.init 运行时弹出。我的应用程序是用 Bootstrap3 用 Meteor 编写的。 TinyMCE 编辑器位于引导模式中。编辑器窗口显示，但我无法通过单击它来设置焦点，并且我使用 .setContent 设置的内容没有出现（但“Powered by TinyMCE”出现在右下角，所以我知道编辑器是由 TinyMCE 渲染，而不仅仅是一个文本区域）。我正在像这样从云端加载 TinyMCE：

  <script src="https://cloud.tinymce.com/stable/tinymce.min.js?apiKey=myKey"></script>

我的初始化代码如下所示：

tinymce.init({
     selector: 'textarea',
     auto_focus: 'editorId',
     height: 400,
     menubar: false,
     toolbar: false,
     statusbar: false,
     resize: false,
     plugins: 'paste',
     paste_as_text: true,
});

这只发生在 Firefox（54.0.1 32 位）中，在当前版本的 Chrome、Opera 和 Edge 中一切正常。

我不是唯一一个遇到这个问题的人。请参阅 here 和 here。 Firefox 声称这是一个 TinyMCE 问题，其他人似乎都在指责 Firefox。

有人对尝试什么有什么建议吗？

【问题讨论】：

标签： javascript css tinymce tinymce-4

【解决方案1】：

我找到了解决方法。在本地托管 TinyMCE，而不是从云端加载。两个缺点；我必须重建并重新发布我的应用程序以获取更新，这增加了必须从我的服务器推送到客户端浏览器的包的大小。但它让我可以继续使用 TinyMCE。

【讨论】：