mermaid
Version:
Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams and gantt charts.
31 lines (30 loc) • 739 B
HTML
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="dist/mermaid.css">
<style>
.node text {
font-size: 14px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serf;
}
</style>
<script src="../../dist/mermaid.js"></script>
</head><body>
<script>
mermaid.initialize({
flowchart:{
useMaxWidth:true,
htmlLabels:false
},
startOnLoad:true
});
</script>
<h1>The text should be inside the boxes</h1>
<div class="mermaid" id="i211">
graph TD;
A[TESTTESTTESTTESTTESTTESTTEST];
A --> B[testtesttesttesttesttesttesttesttesttesttest];
</div>
</body></html>