Edit in DokuwikiEdit in AsciidocEdit in Markdown

PlantUML Server

You can use PlantUML using the online web service to generate images on-the-fly. A online demonstration is available at https://www.plantuml.com/plantuml, but you can also install it on your own JEE web application server.

If you don't want to install a full JEE application server, you may also choose to run PlantUML PicoWeb Server locally.

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Interactive interface

The big input field is used to enter your diagram description. You can type in any diagram description, then press the submit button and the diagram will be displayed below. It's a good practice to start your diagram by the @startxxx keyword.

When you validate the diagram, you are redirected to an encoded URL encoding your diagram. The encoded form is a convenient way to share your diagrams with others because it's shorter than the many lines of a diagram and it can be easily displayed in a browser using the online PlantUML Server.

For example, SyfFKj2rKt3CoKnELR1Io4ZDoSa70000 is the encoded form of:

@startuml
Bob -> Alice : hello
@enduml

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Specify an initial diagram

By default, the PlantUML Server shows the well-known Bob -> Alice sample but it's easy to invoke it with an other diagram using its encoded form. Just append /uml/ENCODED to the URL.

For example, this link https://www.plantuml.com/plantuml/uml/Aov9B2hXil98pSd9LoZFByf9iUOgBial0000 opens the PlantUML Server with a simple Hello World activity diagram.

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Metadata

PlantUML saves the diagram's source code in the generated PNG Metadata in the form of encoded text. So it is possible to retrieve this source by using the query parameter metadata, giving it some image URL.

For example, if you want to retrieve the diagram source of the image https://i.stack.imgur.com/HJvKF.png use the following server request: https://www.plantuml.com/plantuml/?metadata=https://i.stack.imgur.com/HJvKF.png.

Sounds like magic! No, merely clever engineering :-)

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Web service mode

The web service interface of the PlantUML Server is dedicated to developers.

Edit in DokuwikiEdit in AsciidocEdit in Markdown

PNG service

To get a PNG file of a diagram, use the following URL scheme: /plantuml/png/ENCODED

Edit in DokuwikiEdit in AsciidocEdit in Markdown

SVG service

To get a SVG XML file of a diagram, use the following URL scheme: /plantuml/svg/ENCODED

Note that not all diagrams can be produced in SVG. For example, ditaa diagrams are only available in PNG format.

Edit in DokuwikiEdit in AsciidocEdit in Markdown

ASCII Art service

To get an ASCII Art representation of a diagram, encoded in UTF-8, use the following URL scheme: /plantuml/txt/ENCODED

Note that only sequence diagrams can be produced in ASCII Art.

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Image Map service

To get the client image map related to a previously generated PNG image, use the following URL scheme: /plantuml/map/ENCODED

The output is a list of <area> tags, each line matching a link present in the diagram description.

For example, the following diagram:

@startuml
participant Bob [[https://plantuml.com]]
Bob -> Alice : [[https://forum.plantuml.net]] hello
@enduml

produces the following output:

<map id="plantuml_map" name="plantuml_map">
<area shape="rect" id="id1" href="https://forum.plantuml.net" title="https://forum.plantuml.net" alt="" coords="38,50,199,65"/>
<area shape="rect" id="id2" href="https://plantuml.com" title="https://plantuml.com" alt="" coords="8,3,50,116"/>
</map>

Note that you need to include these <area... tags inside a <map... html tag to make the complete image map.

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Proxy service

With the proxy service, the source description of the diagram can be fetched by the PlantUML Server from a remote document.

The proxy service uses the following URL scheme: /plantuml/proxy?src=RESOURCE&idx=INDEX&fmt=FORMAT

• RESOURCE is the complete URL of the document which contains the diagram description (with the @startxxx and @endxxx tags), it could be a .html or a .txt file.
• INDEX is optional, it specifies the occurrence (starting at 0) of the diagram description that will be parsed when there are more than one diagram descriptions in the remote document. It defaults to zero.
• FORMAT is optional, it specifies the format to return. Supported values are: png, svg, eps, epstext and txt. Default is png,

For example, try this link: https://www.plantuml.com/plantuml/proxy?src=https://raw.github.com/plantuml/plantuml-server/master/src/main/webapp/resource/test/test2diagrams.txt

Note that the address of the remote document is specified as a parameter, so it is not necessary to URL encode the URL.

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Installation of the PlantUML Server

To install PlantUML Server on your own JEE 5 web server, download the plantuml.war file and copy it on the webapp folder of your server.

Because of the transition from javax.* to jakarta.*, the PlantUML Server does not work on Tomcat 6/7/8/9 anymore. You have to use Tomcat 10.

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Source code

PlantUML Server is open source, the code is available at https://github.com/plantuml/plantuml-server.

(The main source is at https://github.com/plantuml/plantuml)