Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to insert an image in flowchart? #1133

Closed
waterdrop01 opened this issue Dec 10, 2019 · 2 comments
Closed

How to insert an image in flowchart? #1133

waterdrop01 opened this issue Dec 10, 2019 · 2 comments
Labels
Type: Other Not an enhancement or a bug

Comments

@waterdrop01
Copy link

waterdrop01 commented Dec 10, 2019

Hello,

looking at #548, I still couldn't figure out how to insert an image in my flowchart.

I'm using the online editor : https://mermaidjs.github.io/mermaid-live-editor

And here is the code I'm using:

graph TD
  DIR((<img src='https://iconscout.com/ms-icon-310x310.png' width='30' />))

And here is the error:
Screenshot from 2019-12-10 13-32-38

Thank you for your help!

@waterdrop01 waterdrop01 added Contributor needed Type: Other Not an enhancement or a bug labels Dec 10, 2019
@github-actions github-actions bot added the Status: Triage Needs to be verified, categorized, etc label Dec 10, 2019
@IOrlandoni
Copy link
Member

Here's your sample corrected to render the image.
Note that I had to set securityLevel to loose in order for mermaid to not escape the html content.

@IOrlandoni IOrlandoni removed Status: Triage Needs to be verified, categorized, etc Contributor needed labels Dec 10, 2019
@waterdrop01
Copy link
Author

@dunning-kruger Awesome! That looks great, thanks so much

@github-actions github-actions bot locked and limited conversation to collaborators Dec 10, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Type: Other Not an enhancement or a bug
Projects
None yet
Development

No branches or pull requests

2 participants