The reminder of the loading pictures in external html plugin

[Tongzhao9417]

Hi everyone. I just want to write down a reminder that if you require to insert some picture by external html plugin.

If your external html in a folder and the ts or js file in another folder, the path of image in external html should be the relative path from js or ts file, not the external html.

For example:

assets
 ┣ external_html
 ┃ ┣  welcome.html
 ┣ left.png
 ┣ people.png
 ┗ right.png

src
 ┣ Introductions
 ┃ ┗ welcome.ts

The assets and src folders in same level.
The welcome.ts use external-html plugin to render the welcome.html in assets folder, and the welcome.html loaded the picture (like left.png) under assets either. I can write the html file by this

<img class="pic" src="../left.png">

But the console will tell you cant't find the picture.

So, the corrent way is

<img class="pic" src="../assets/people.png">

The relative path from welcome.ts