Get access to Mermaid's generated SVG code

[groucho86]

Question

Wondering if some already-existing function(s) can allow me to extract the svg code. Or would we need to add custom methods within mermaid.js

[falkoschindler]

Hi @groucho86,

Even though there is no explicit function for doing that, you might be able to create a workaround using ui.run_javascript:

@ui.page('/')
def index():
    m = ui.mermaid('''
    graph TD
        A --> B
        B --> C
    ''')

    async def get_svg():
        svg = await ui.run_javascript(f'getElement({m.id}).$el.querySelector("svg").outerHTML')
        print(svg)

    ui.button('Get SVG', on_click=get_svg)

[groucho86]

as always, thank you very much @falkoschindler