<script src="https://unpkg.com/mermaid/dist/mermaid.min.js"></script><link rel="stylesheet"href="https://unpkg.com/mermaid/dist/mermaid.min.css"> 在HTML 文件中添加一个容器元素,并使用mermaid标签定义图表: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 <divclass="mermaid">graphLRA[Hard...
TypeScript TomWright/mermaid-server Sponsor Star375 Code Issues Pull requests Go implementation of a HTTP server to allow remote generation of mermaid-js diagrams without any pre-requisites installed locally. httpdiagrammermaiddiagram-generatormermaidjsmermaid-diagramsmermaid-charting-languagemermaid-cli ...
> <script> import MarkdownItVueLight from 'markdown-it-vue/dist/markdown-it-vue-light.umd.min.js' import 'markdown-it-vue/dist/markdown-it-vue-light.css' export default { components: { MarkdownItVueLight }, data() { return { content: '# your markdown content' } } } </script>...
// document.querySelector('#diagram').innerHTML = diagram; mermaid.render('diagram', diagram, (res) => { console.log(res); document.querySelector('#res').innerHTML = res; }); </script> </body> </html> 0 comments on commit b4fbe1b Please sign in to comment. Footer...
HTML, XML, SVG,JS,JavaScript, JSON, GraphQL, Markdown, TypeScript, Vue, Lua, YAML, Go, Perl, PHP, Python, Ruby, Rust, Haskell, Dart, Swift, Crystal, Bash, Shell, SQL, CSV, C, C++, C#, Objective-C, D, Java, Pawn, Julia, Proto, LaTeX, D2, Graphviz, Mermaid, PlantUML, etc...
links John: {"XSS": "javas`; diagram += 'cript:alert(window.opener.document.domain)"}'; diagram += `cript:alert('AudioParam')"}`; // var diagram = "stateDiagram-v2\n"; // diagram += "<img/src='1'/onerror"34 changes: 26 additions & 8 deletions 34 src/diagrams/common/common...
Text2Diagram is an AI based diagramming tool that uses Natural language text to create diagrams. mermaidmermaidjsmermaid-diagramsnlp-diagramstext2diagram UpdatedSep 27, 2024 TypeScript Cloud & DevOps Architecture Diagrams-as-Code in Python, D2 and MermaidJS languages ...