Spaces:
Running
Running
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>Mermaid Chart Viewer</title> | |
| <meta name="viewport" content="width=device-width" /> | |
| <!--meta name="twitter:card" content="player"/> | |
| <meta name="twitter:site" content=""/> | |
| <meta name="twitter:player" content="https://omnibus-text-to-chart.hf.space/file=merm.html?mermaid=$merm"/> | |
| <meta name="twitter:player:stream" content="https://omnibus-text-to-chart.hf.space/file=merm.html?mermaid=$merm"/> | |
| <meta name="twitter:player:width" content="100%"/> | |
| <meta name="twitter:player:height" content="100%"/--> | |
| <meta name="twitter:card" content="summary_large_image"/> | |
| <meta property="og:title" content="Chart Viewer"/> | |
| <meta property="og:description" content="View Charts with custom links"/> | |
| <meta property="og:image" content="https://portal-Moondream-1.static.hf.space/card_im.png"/> | |
| <!--meta http-equiv="refresh" content="0; url=https://omnibus-moondream1.hf.space"--> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | |
| <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script> | |
| <style> | |
| #chart_box{ | |
| text-align: center; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="chart_box"> | |
| <pre id = "chart" class="mermaid"> | |
| </pre> | |
| </div> | |
| <script> | |
| const queryString = window.location.search; | |
| const urlParams = new URLSearchParams(queryString); | |
| const merm = urlParams.get("mermaid"); | |
| console.log(merm); | |
| this_id=document.getElementById("chart"); | |
| //this_id.innerHTML="graph TD\nA[Start] --> B[Task 1]\nB --> C[Task 7]\nC --> D[End]" | |
| this_id.innerText=merm; | |
| </script> | |
| <script type="module"> | |
| const defaultConfig = { | |
| startOnLoad: true, | |
| securityLevel: 'loose', | |
| flowchart: { | |
| useMaxWidth: 0, | |
| }, | |
| gantt: { | |
| useMaxWidth: 0, | |
| }, | |
| } | |
| //const mermaidConfig = merge(defaultConfig, config) | |
| import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs'; | |
| mermaid.initialize(defaultConfig); | |
| //mermaid.initialize({ securityLevel: 'loose',startOnLoad: true, useMaxWidth: 0 }); | |
| //mermaid.initialize({ securityLevel: 'loose',startOnLoad: true }); | |
| </script> | |
| </body> | |
| </html> |