CODEWITHSUNDEEP
angulartinymceangular8
Liero
Liero

Reputation: 27348

Angular TinyMCE icons disappeared

I have an Angular 8 project with tinymce editor. It works locally, but at some point toolbar icons disappeared in production deployed using CI/CD pipeline.

screenshor

I'm getting 404 for /tinymce/icons/default/icons.min.js.

What the heck is icons.min.js??

My angular.json assets looks like this:

{
                "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/"
              }

Upvotes: 2

Views: 1208

Answers (3)

Constantin Konstantinidis
Constantin Konstantinidis

Reputation: 1515

Latest integration documentation provides one line to load all tinyMCE assets. It is successful on Angular 9 LTS and tinyMCE latest version of v5.

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

Upvotes: 0

Eugene
Eugene

Reputation: 1

tinymce.init({ selector: '#editor', icons: false,

Upvotes: 0

Michael Fromin
Michael Fromin

Reputation: 13744

TinyMCE 5 contains an icons folder with two JavaScript files. It would appear that you have not included that content in what you deployed to production.

Based on your example json you likely need to add something like this:

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

Upvotes: 5

Related Questions