Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Plantuml is exported to HTML as <pre> not embedded SVG

See original GitHub issue

What is the problem?

The plantuml is not exported to html, but properly previewed. Math is working in both.

Can you just embed SVG in HTML export ?

How can I reproduce it?

# Message Sequence Charts

```plantuml
@startuml
participant a as "gggg"
a->b: go
@enduml
```

Is there any error message in the console?

No.

Issue Analytics

State:
Created 3 years ago
Comments:14 (9 by maintainers)

Top GitHub Comments

1reaction

ArcticLampyridcommented, May 16, 2020

This is a bug of PlantUML Extension (jebbs.plantuml-2.13.9) The extension does not implement extendMarkdownIt properly. When extendMarkdownIt is called, there always causes a error even through a renderer for PlantUML is actually added. VSCode’s Markdown Previewer will ignore this error while Markdown All in One will fail, so you can preview it normally but can’t export it to html.

0reactions

UTPALBHATTcommented, Dec 1, 2020


```plantuml
@startuml
participant a as "gggg"
a->b: go
@enduml

is working fine for me in `.md` file.

Top Results From Across the Web

Generation of SVG file - PlantUML

PlantUML can generate images using SVG format. Those file can be integrated in LaTeX, HTML or PDF documents with a better result than...

PlantUML advanced features - AugmentedMind.de

If you want to print the diagram, do not use PlantUML's PDF ( -tpdf ) export, but export the file as SVG (...

Markdown native diagrams with PlantUML - Andreas' Blog

This post covers PlantUML basics and how it can be used in GitLab or GitHub projects as well as a seamless local development...

Review of Diagrams-as-Code for mdBook - Bryce Fisher-Fleig

The rendered is simply copying your MermaidJS diagram from the code fence into a <pre class="mermaid">{}</pre> html tag, and defering the SVG ......

plantuml-markdown - PyPI

png : HTML img tag with embedded png image; svg : HTML img tag with embedded ... export INSTALLPATH="`python -m site --user-site`/plantuml-markdown" $...