Icons not showing depending on application path

[ArduinoManager]

I have configured the angolar.json as per requirements:

"assets": [ "src/favicon.ico", "src/assets", { "glob": "**/*/", "input": "./node_modules/@kolkov/angular-editor/assets/", "output": "./assets/fonts/" } ],

When I start the app with:

ng serve

the editor's icons show up and they are loaded from:

http://localhost:4200/assets/fonts/fontawesome-webfont.woff2?v=4.7.0

When I start the app with:

ng serve --serve-path /myapp

the icons are not loaded because the browser still trying to load them from:

http://localhost:4200/assets/fonts/fontawesome-webfont.woff2?v=4.7.0

instead of using:

http://localhost:4200/myapp/assets/fonts/fontawesome-webfont.woff2?v=4.7.0

Unfortunately, when I deploy the application to tomcat, I still have the same issue and the editor is not usable.

Any idea?

[rosell]

Hi!

This is duplicated of Editor icons are not loading in sub directory

[Hui6101]

I have the same issue; the duplicated of Editor icons link above does not working for me. the myapp route is still missing from the assets/fonts path after the angular build. Any more ideas?

[cefamax]

I have the same problem; my app is in a subfolder of the root directory, if I copy assets/fonts folder in the root folder the icon is shown in the tool-bar otherwise not. I no idea to resolve this problem!

[veer05]

Same issue, I use --base-href and the application is trying to look at parent path and fails Temporary workaround

In index.html file add this <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 2. In your css file add this

::ng-deep angular-editor-toolbar button i {
  font-family: FontAwesome !important; 
  }