Adding a HTTP link to a node description breaks the graph
See original GitHub issueI would like, to the graph below (also available via a JSFiddle)
<link href="https://cdnjs.cloudflare.com/ajax/libs/mermaid/7.0.0/mermaid.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/7.0.0/mermaid.js"></script>
<div class="mermaid">
graph TD;
A[hello]
B[an <b>important</b> link]
A-->B
</div>
to add an actual link under link
pointing to http://google.com
.
I tried to modify the relevant node to
B[an <b>important</b> <a href="http://google.com">link</a>]
but this breaks (crashes) the graph. Specifically, I noticed that what is not accepted is the href
element.
Is it possible to add a link in a mermaid node?
Note: this report was initially asked as a question on SO but since other HTML tags are accepted it may rather be a bug.
Issue Analytics
- State:
- Created 7 years ago
- Reactions:6
- Comments:13
Top Results From Across the Web
How to add a link in a mermaid node description?
to add an actual link under link pointing to http://google.com . but this breaks (crashes) the graph. Specifically, I noticed that what is...
Read more >Using hyperlinks with nodes, edges and labels
This article shows how to add hyperlink functionality to graph elements. Description. Using the built-in anchor functionality provided by the Flex framework.
Read more >Creating hyperlinks - Learn web development | MDN
I'm creating a link to the Mozilla homepage. Adding supporting information with the title attribute. Another attribute you may want to add to ......
Read more >Linked Data - Design Issues - W3C
Whenever one looks up the URI for a node in the RDF graph, the server returns information about the arcs out of that...
Read more >How to Create a Link Preview: The Definite Guide ...
A preview of url link usually contains the title, a description, ... The following Open Graph tags are used for creating link previews:....
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Not working 2022 May 1 on chrome Version 101.0.4951.41 (Official Build) (64-bit)
Hey all. I got links working.
questionA{"<a href='https://google.com'>Google link here</a>"}
setup was mermaid.initialize({startOnLoad: true, htmlLables: true}); This doesnt work on the live editor though.