0
155
ViewsFormato Mapa del sitio Estilo Memaid JS
Estoy usando el siguiente Mermaid MD para crear un mapa del sitio.
<html> <head> <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"> </script> <script>mermaid.initialize({startOnLoad:true});</script> </head> <body> <h1>Example</h1> <div class="mermaid"> flowchart TD A(Home)-->B(Col 1 - Level 1) A-->C(Col 2 - Level 1) C-->F(Col 2 - Level 2) A-->G(Col 3 - Level 1) G-->H(Col 3 - Level 2) H-->I(Col 3 - Level 3) A-->J(Col 4 - Level 1) J-->K(Col 4 - Level 2) A-->L(Col 5 - Level 1) B-->E(End) F-->E I-->E K-->E </div> </body> </html>Que representa como la imagen de abajo. Ver el Codepen .
Me gustaría que respetara el orden de las columnas y lo alineara más como un mapa del sitio de la vieja escuela.
¿Alguien sabe si esto es posible?
·
Juan Pablo Isaza
1 answers
Answer question0
Puede lograr esto utilizando la función de subgráfico integrada. Lo siguiente parece hacer lo que quieres:
flowchart TD subgraph one A(Home)-->B(Col 1 - Level 1) A-->C(Col 2 - Level 1) A-->G(Col 3 - Level 1) A-->J(Col 4 - Level 1) A-->L(Col 5 - Level 1) end subgraph two C-->F(Col 2 - Level 2) J-->K(Col 4 - Level 2) G-->H(Col 3 - Level 2) end H-->I(Col 3 - Level 3) B-->E(End) F-->E I-->E K-->E
·
Juan Pablo Isaza
Report
Answer question