Angular TinyMCE 图标消失了

Question

我有一个带有 tinymce 编辑器的 Angular 8 项目。它在本地工作，但在某些时候工具栏图标在使用 CI/CD 管道部署的生产环境中消失了。

我收到 /tinymce/icons/default/icons.min.js 的 404。

icons.min.js是什么鬼？？

我的 angular.json 资产如下所示：

{
                "glob": "**/*",
                "input": "node_modules/tinymce/skins",
                "output": "/tinymce/skins/"
              },
              {
                "glob": "**/*",
                "input": "node_modules/tinymce/themes",
                "output": "/tinymce/themes/"
              },
              {
                "glob": "**/*",
                "input": "node_modules/tinymce/plugins",
                "output": "/tinymce/plugins/"
              }

Answer 1

TinyMCE 5 包含一个包含两个 JavaScript 文件的 icons 文件夹。您似乎没有将该内容包含在您部署到生产环境中的内容中。

根据您的示例 json，您可能需要添加如下内容：

{
  "glob": "**/*",
  "input": "node_modules/tinymce/icons",
  "output": "/tinymce/icons/"
},

Answer 2

tinymce.init({ 选择器：'#editor'， 图标：错误，

Answer 3

最新集成documentation 提供一条线来加载所有 tinyMCE 资产。它在 Angular 9 LTS 和 tinyMCE 最新版本的 v5 上成功。

"assets": [
   { "glob": "**/*", "input": "node_modules/tinymce", "output": "/tinymce/" }
 ]

Angular TinyMCE 图标消失了

Angular TinyMCE icons disappeared

tinymce

angular

angular8