2020-06-17 17:54:01 -04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2022-09-05 01:00:47 +05:30
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
|
<title>Mermaid Quick Test Page</title>
|
|
|
|
|
<link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=" />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="graph"></div>
|
2020-06-17 17:54:01 -04:00
|
|
|
|
2022-09-05 01:00:47 +05:30
|
|
|
<script src="./mermaid.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
mermaid.init({ startOnLoad: false });
|
2022-01-22 12:36:18 +01:00
|
|
|
|
2022-09-05 01:00:47 +05:30
|
|
|
mermaid.mermaidAPI.initialize({ securityLevel: 'strict' });
|
2020-06-17 17:54:01 -04:00
|
|
|
|
2022-09-05 01:00:47 +05:30
|
|
|
try {
|
|
|
|
|
console.log('rendering');
|
|
|
|
|
mermaid.mermaidAPI.render('graphDiv', `>`);
|
|
|
|
|
} catch (e) {}
|
2020-06-17 17:54:01 -04:00
|
|
|
|
2022-09-05 01:00:47 +05:30
|
|
|
mermaid.mermaidAPI.render('graphDiv', `graph LR\n a --> b`, (html) => {
|
|
|
|
|
document.getElementById('graph').innerHTML = html;
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
2020-06-17 17:54:01 -04:00
|
|
|
</html>
|
