Wie füge ich einen Link in eine Nixe Beschreibung ein?

Question

Ich möchte, unter dem Graphen,

<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>

eine tatsächliche Verbindung unter link Hinweis auf http://google.com hinzuzufügen.

ich versuchte, den relevanten Knoten zu

B[an <b>important</b> <a href="http://google.com">link</a>] 

aber Dies bricht (Abstürze) das Diagramm zu modifizieren. Insbesondere habe ich festgestellt, dass das Element href nicht akzeptiert wird.

Ist es möglich, einen Link in der Beschreibung des Nixen-Knotens hinzuzufügen?

EDIT: Ich öffnete eine bug report auf der mermaid.js Repository. Nicht festgelegt noch ab Juni 2017.

Answer 1

Sicher, es ist möglich, einen Link in Mermaid Knoten hinzuzufügen, wie unten dargestellt:

mermaid.initialize({ 
 
    startOnLoad: true 
 
});

<script src="https://cdn.rawgit.com/knsv/mermaid/6.0.0/dist/mermaid.min.js"></script> 
 
<link href="https://cdn.rawgit.com/knsv/mermaid/6.0.0/dist/mermaid.css" rel="stylesheet" /> 
 

 
<div class='mermaid'> 
 
    graph TD; 
 
    A(Start)-->B(Do some stuff); 
 
    B(Take some rest)-->C(do more); 
 
    click B "http://www.github.com" "This is a link" 
 
    
 
</div>

Sie können auch einen Rückruf zu tun, indem Sie dieses Skript

<script> 
    var callback = function(){ 
     alert('A callback was triggered'); 
    } 
<script> 

und dann diese in Ihren HTML unter dem Knoten A Einfügen -> B in Ihrem HTML

click A callback "Hi I'm a callback, whats up"