No release in over a year
The Jekyll Plugin for including local/remote PlantUML diagrams into your pages
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Runtime

>= 3.5, < 5.0
~> 4.0
 Project Readme

Gem Version

Jekyll Remote PlantUML Plugin

The plugin includes local/remote PlantUML diagrams into your pages, works only with an external PlantUML server (http://www.plantuml.com/plantuml by default) — PlantUML jar installed locally is not required.

Usage

To add a diagram to the page, use the plantuml tag:

{% plantuml %}
Bob -> Alice : Hello 
{% endplantuml %}

The result will be the following html:

<div class="plantuml">
    <img src="http://www.plantuml.com/plantuml/svg/SyfFKj2rKt3CoKnELR1Iy4ZDoSa70000" class="plantuml" />
</div>

In case images are loaded during site rendering (see more in Configuration section):

<div class="plantuml">
    <img src="/plantuml/e1a0ca2ce15d9bed48f357fab712a76e6b1c7954.svg" class="plantuml" />
</div>

The following list of tag parameters allows to set attributes for div and img tags:

  • div_class
  • div_style
  • img_class
  • img_style
  • img_width
  • img_height
  • img_alt

For example:

{% plantuml div_style="text-align: center" img_alt="Diagram: Bob greets Alice"  %}
Bob -> Alice : Hello 
{% endplantuml %}
<div class="plantuml" style="text-align: center">
    <img src="/plantuml/e1a0ca2ce15d9bed48f357fab712a76e6b1c7954.svg" class="plantuml" alt="Diagram: Bob greets Alice" />
</div>

Configuration

In the Jekyll config (_config.yml), you can override the preset values and define defaults for the image extension, div and img tags attributes.

Below are the supported parameters and their defaults:

plantuml:
  provider: 'http://www.plantuml.com/plantuml'
  
  # default format: svg or png
  format: 'svg',
  
  # load an image from the server during site rendering and only if
  # the image does not already exist in the cache directory (disabled by default)
  save_images_locally: false,
  cache_dir: 'plantuml',
  
  # default div tag attributes
  div_class: 'plantuml',
  div_style: ''
  
  # default img tag attributes
  img_class: 'plantuml'
  img_style: '' 
  img_id: ''
  img_width: ''
  img_height: '' 
  img_alt: ''

Installation

Add this line to your application's Gemfile:

gem 'jekyll_remote_plantuml_plugin'

And this into your Jekyll config:

plugins:
  - jekyll_remote_plantuml_plugin

Then execute:

bundle install

License

The gem is available as open-source under the terms of the MIT License.