marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-19 07:19:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(katex): removed extra body tag from merge

Browse Source
This commit is contained in:
NicolasNewman
2023-02-13 15:29:32 -06:00
parent 2740edfc2b
commit fb5d80a7a1
1 changed files with 254 additions and 286 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
demos/flowchart.html
View File

@@ -1,7 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Mermaid Quick Flowchart Test Page</title> <title>Mermaid Quick Flowchart Test Page</title>
@@ -12,9 +11,8 @@
font-family: 'Courier New', Courier, monospace !important; font-family: 'Courier New', Courier, monospace !important;
} }
</style> </style>
</head> </head>
<body>
<body>
<h1>Comparison "graph vs. flowchart"</h1> <h1>Comparison "graph vs. flowchart"</h1>
<h2>Sample 1</h2> <h2>Sample 1</h2>
<h3>graph</h3> <h3>graph</h3>
@@ -1095,6 +1093,7 @@
style N2 stroke:#0000ff,fill:#ccccff,color:#0000ff style N2 stroke:#0000ff,fill:#ccccff,color:#0000ff
style O2 stroke:#0000ff,fill:#ccccff,color:#0000ff style O2 stroke:#0000ff,fill:#ccccff,color:#0000ff
</pre> </pre>
<hr />
<h2>Sample 20</h2> <h2>Sample 20</h2>
<h3>graph</h3> <h3>graph</h3>
@@ -1107,7 +1106,6 @@
</pre> </pre>
<hr /> <hr />
<h3>flowchart</h3> <h3>flowchart</h3>
<pre class="mermaid"> <pre class="mermaid">
flowchart LR flowchart LR
@@ -1116,7 +1114,7 @@
B --> D("$$x = \begin{cases} a &\text{if } b \\ c &\text{if } d \end{cases}$$") B --> D("$$x = \begin{cases} a &\text{if } b \\ c &\text{if } d \end{cases}$$")
C --> E("$$x(t)=c_1\begin{bmatrix}-\cos{t}+\sin{t}\\ 2\cos{t} \end{bmatrix}e^{2t}$$") C --> E("$$x(t)=c_1\begin{bmatrix}-\cos{t}+\sin{t}\\ 2\cos{t} \end{bmatrix}e^{2t}$$")
</pre> </pre>
<hr/> <hr />
<h2>Sample 21</h2> <h2>Sample 21</h2>
<h3>graph</h3> <h3>graph</h3>
@@ -1126,13 +1124,12 @@
</pre> </pre>
<hr /> <hr />
<h3>flowchart</h3> <h3>flowchart</h3>
<pre class="mermaid"> <pre class="mermaid">
graph LR graph LR
A["$$\alpha\beta\gamma\delta\epsilon\zeta\eta\theta\iota\kappa\lambda\mu\nu\xi\omicron\pi\rho\sigma\tau\upsilon\phi\chi\psi\omega$$"] --> B["$$\Alpha\Beta\Gamma\Delta\Epsilon\Zeta\Eta\Theta\Iota\Kappa\Lambda\Mu\Nu\Xi\Omicron\Pi\Rho\Sigma\Tau\Upsilon\Phi\Chi\Psi\Omega$$"] A["$$\alpha\beta\gamma\delta\epsilon\zeta\eta\theta\iota\kappa\lambda\mu\nu\xi\omicron\pi\rho\sigma\tau\upsilon\phi\chi\psi\omega$$"] --> B["$$\Alpha\Beta\Gamma\Delta\Epsilon\Zeta\Eta\Theta\Iota\Kappa\Lambda\Mu\Nu\Xi\Omicron\Pi\Rho\Sigma\Tau\Upsilon\Phi\Chi\Psi\Omega$$"]
</pre> </pre>
<hr/> <hr />
<h2>Sample 22</h2> <h2>Sample 22</h2>
<h3>graph</h3> <h3>graph</h3>
@@ -1142,7 +1139,6 @@
</pre> </pre>
<hr /> <hr />
<h3>flowchart</h3> <h3>flowchart</h3>
<pre class="mermaid"> <pre class="mermaid">
graph LR graph LR
@@ -1150,33 +1146,6 @@
</pre> </pre>
<hr /> <hr />
<h1 id="link-clicked">Anchor for "link-clicked" test</h1>
<script src="./mermaid.js"></script>
<script>
mermaid.initialize({
theme: 'forest',
logLevel: 3,
securityLevel: 'loose',
flowchart: { curve: 'basis' },
});
</script>
<script>
function testClick(nodeId) {
console.log('clicked', nodeId);
var originalBgColor = document.querySelector('body').style.backgroundColor;
document.querySelector('body').style.backgroundColor = 'yellow';
setTimeout(function () {
document.querySelector('body').style.backgroundColor = originalBgColor;
}, 100);
}
</script>
</body>
</pre>
<hr />
<hr /> <hr />
<pre class="mermaid"> <pre class="mermaid">
@@ -1608,6 +1577,5 @@
}, 100); }, 100);
} }
</script> </script>
</body> </body>
</html> </html>