Javascript Tinymce错误-动态加载时加载插件js文件失败

我正在尝试像这样动态加载TinyMCE（单击按钮）：

使用此配置，tinyMCE无法初始化。在控制台中，我看到几个404错误，每个错误都有如下消息：

Failed to load: /path/to/mce4/plugins/textcolor/plugin.js

<script src="/tinymce/tinymce.min.js"></script>

确保在控制台中检查JS文件

tinymce.min.JS

时加载正确。此外，不存在

/path/to/mce4/plugins/textcolor/plugin.js

。但是

/path/to/mce4/plugins/textcolor/plugin.min.js

是存在的，所有涉及的js文件都是如此（即

.min.js

文件在那里，但tinyMCE出于任何原因正在查找

.js

文件）

现在，当我在

中的脚本选项卡中加载tinyMCE时，完全没有问题，而且一切正常

---

是什么导致了这个错误，我应该如何修复它？如果这是tinyMCE的预期行为，那么对于我正在处理的场景，动态加载其js文件的正确方法是什么？

我无法告诉您代码有什么问题，但这对我来说是可行的（tinyMCE 4.x）

我将tinymce.min.js的路径如下：

Failed to load: /path/to/mce4/plugins/textcolor/plugin.js

<script src="/tinymce/tinymce.min.js"></script>

然后我做了一个onclick，在动态内容添加到站点后运行：IactivateMCE（）（我有一个函数，它首先向站点添加动态内容，然后初始化TinyMCE）

---

希望这能对您有所帮助：-）

如果您将angular2+与angular cli一起使用，以下内容可能会对您有所帮助。 假设您想添加一个名为

autoresize

的插件。检查

节点模块/tinymce/plugins

中是否存在此插件。如果是，请执行以下操作：

1.在angular cli.json中：

"styles": [
        "../node_modules/tinymce/tinymce.js",
        "../node_modules/tinymce/themes/modern/theme.js",
        "../node_modules/tinymce/plugins/link/plugin.js",
        "../node_modules/tinymce/plugins/paste/plugin.js",
        "../node_modules/tinymce/plugins/table/plugin.js",
       **"../node_modules/tinymce/plugins/autoresize/plugin.js",/add this/**
       "../node_modules/bootstrap/dist/css/bootstrap.css",
        "../node_modules/font-awesome/css/font-awesome.css",
        "styles.css"
      ],

2.在初始化组件中：

tinymce.init({

     ...
      plugins: ['link', 'paste', 'table','**autoresize**'],
      autoresize_bottom_margin: 50,//this is plug in requirement
      ...
    });

---

谢谢你的回答。当然，我知道您的模式是有效的，事实上，在应用程序的其他地方也是如此。但你会同意我的观点，在某些情况下，动态加载会带来某些好处。这就是问题所在，我不明白为什么要动态加载tinymce.min.js。但是，如果您这样做，那么更多的问题是如何在页面加载后动态加载任何javascript。对吗？您必须在添加新内容后动态加载init，正如前面提到的，这很容易做到。