You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Situation:
I am currently working on a kind of mermaid editor. The user can enter some mermaid code and that is being rendered via mermaid-js. I am using Gradio for the whole implementation. It works for almost every type of graph I have tried, except for the ZenUML type. If I try to render any ZenUML Graph, I get the following error:
My Code:
I use the following code to display my mermaid graph:
<!DOCTYPE html><html><head><title>Mermaid Graph</title><scripttype="module">importmermaidfrom'https://cdn.jsdelivr.net/npm/[email protected]/+esm';mermaid.initialize({startOnLoad: true});</script></head><body><divclass="mermaid">
zenuml
title Declare participant (optional)
Bob
Alice
Alice->Bob: Hi Bob
Bob->Alice: Hi Alice
</div></body></html>
Trying to google the problem has not yielded any helpful results that would be useful to me.
I was wondering if using a local instance of the Live Editor could be used to render the graph and I could then display that. However, trying to save a ZenUML Graph with the Live Editor as .PNG or .SVG also does not seem to work correctly. The example code from https://mermaid.js.org/syntax/zenuml.html:
zenuml
title Declare participant (optional)
Bob
Alice
Alice->Bob: Hi Bob
Bob->Alice: Hi Alice
This shows up correctly in the editor, but saving it as .SVG results in a broken graph:
I would be grateful for any information that might help me to display a ZenUML graph.
Thanks in advance for any tips :)
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
mermaid-js
-
Situation:
I am currently working on a kind of mermaid editor. The user can enter some mermaid code and that is being rendered via mermaid-js. I am using Gradio for the whole implementation. It works for almost every type of graph I have tried, except for the ZenUML type. If I try to render any ZenUML Graph, I get the following error:
My Code:
I use the following code to display my mermaid graph:
Trying to google the problem has not yielded any helpful results that would be useful to me.
I was wondering if using a local instance of the Live Editor could be used to render the graph and I could then display that. However, trying to save a ZenUML Graph with the Live Editor as .PNG or .SVG also does not seem to work correctly. The example code from https://mermaid.js.org/syntax/zenuml.html:
This shows up correctly in the editor, but saving it as .SVG results in a broken graph:
I would be grateful for any information that might help me to display a ZenUML graph.
Thanks in advance for any tips :)
Beta Was this translation helpful? Give feedback.
All reactions