Skip to main content

Ditaa Sphinx extension

Project description

Author:

“Yongping Guo”<guoyoooping@163.com>

A sphinx extension for embedding block diagram using ditaa.

This extension enables you to insert block diagrams into your document generated by sphinx. Following code is an example:

.. ditaa::

    +--------+   +-------+    +-------+
    |        | --+ ditaa +--> |       |
    |  Text  |   +-------+    |diagram|
    |Document|   |!magic!|    |       |
    |     {d}|   |       |    |       |
    +---+----+   +-------+    +-------+
        :                         ^
        |       Lots of work      |
        +-------------------------+

After conversion using ditaa, the above file becomes:

http://ditaa.sourceforge.net/images/first.png

1. Introduction

ditaa is a small command-line utility that can convert diagrams drawn using ascii art (‘drawings’ that contain characters that resemble lines like | / - ), into proper bitmap graphics. See http://ditaa.sourceforge.net/.

ditaa is a java programme and the input must be a plain text file and the output is a seperate image file. It’s inconvenient for user to include the image directly. This extensions allows the plain-text graph in .rst file to be rendered as a graph drawn by ditaa in sphinx scheme. With this plugin you can focus the graph itself and the ditaa and sphinx would convert it automatically.

Now it support to render the image into html and pdf target.

2. Install and configuration

2.1 prerequisite

ditaa is in java, normally it’s call by the following format:

java -jar /usr/local/Cellar/ditaa/0.10/libexec/ditaa0_10.jar art10.txt art10.png

to use it in the sphinx we should convert it to a single command and call it as:

ditaa art10.txt art10.png

There are two means to do that:

  1. Crate a execuable script as following:

    $ cat /usr/local/bin/ditaa
    #!/bin/bash
    exec java  -jar /usr/local/Cellar/ditaa/0.10/libexec/ditaa0_10.jar "$@"
  2. If you don’t like the converttion, please refer to 2.3 Configuration for the workaround. you can add the following configuration to the conf.py:

    ditaa = "java"
    ditaa_args = ["-jar", "/usr/local/Cellar/ditaa/0.10/libexec/ditaa0_10.jar"]
    ditaa_log_enable = True

2.2 install sphinxcontrib-ditaa

pip install sphinxcontrib-ditaa

2.3 configuration

Just add sphinxcontrib.ditaa to the list of extensions in the conf.py file. For example:

extensions = ['sphinxcontrib.ditaa']

sphinxcontrib-ditaa also provide configuration to add different options to ditaa command and render different kind of output:

ditaa <str>:

Ditaa is a java implementation and maybe is not callable directly, please input the ditaa executale name if you didn’t convert it to a normal command. Default is “ditaa”. See examples below.

ditaa_args <list>:

Given a ditaa option list, default is empty.

ditaa_log_enable <Bool>:

Since ditaa is slow, will give out a log to note progress if it’s configured. Default is True.

ditaa_output_suffix: <str>:

The output file format.

For example:

ditaa = "java"
ditaa_args = ["-jar", "/usr/local/Cellar/ditaa/0.10/libexec/ditaa0_10.jar"]
ditaa_log_enable = True

3. Quick Example

This source:

.. ditaa::

    +--------+   +-------+    +-------+
    |        | --+ ditaa +--> |       |
    |  Text  |   +-------+    |diagram|
    |Document|   |!magic!|    |       |
    |     {d}|   |       |    |       |
    +---+----+   +-------+    +-------+
        :                         ^
        |       Lots of work      |
        +-------------------------+

is rendered as:

http://ditaa.sourceforge.net/images/first.png

Another example:

.. ditaa::

                              +----------+
          Drawing with        |cYEL   {s}|
            ditaa             +          +
                              | emacs fu |
                              +----------+
                                  ^
                                  |
    +--------+   +-------+    +-------+
    |cGRE    |-->+ ditaa +--> |       |
    |  Text  |   +-------+    |diagram|
    |Document|   | magic!|    |       |
    |     {d}|   |cBLU   |    | cRED  |
    +---+----+   +-------+    +-------+
        ^
        |
    +--------+
    |cPNK{io}|
    |  user  |
    +--------+

is rendered as:

http://1.bp.blogspot.com/_kGFGcbwevHE/SYDL362PTdI/AAAAAAAAAXQ/VaK15NeJUWQ/s1600/test_11.png

4. Usage

  1. Firstly, make a directory and write the .rst files:

    $ mkdir test_dir
    $ cd test_dir
    $ vim test.rst

2) create a sphinex project in the directory, presss Enter if there is no change:

$ sphinx-quickstart

3) Just add sphinxcontrib.ditaa to the list of extensions in the conf.py file just created in step 2:

extensions = ['sphinxcontrib.ditaa']
  1. Add your work .rst files into index.rst just created in step 2:

    Contents:
    
    .. toctree::
       :maxdepth: 2
    
       test.rst
  2. make your target files:

    $ make html

or:

$ make pdf
  1. check your target files:

    $ open .build/html/index.html

4.1 Options

  1. ditaa options:

See detail in ditaa -h:

:--no-antialias:
:--background:
:--no-antialias:
:--no-separation:
:--encoding:
:--html:
:--overwrite:
:--round-corners:
:--no-shadows:
:--scale: 1.5 #Please note that it's ditaa's parameter and the units are
           fractions of the default size (2.5 renders 1.5 times bigger
           than the default). Be warning to be different from image's
           scale unit.
:--transparent:
:--tabs:
:--fixed-slope:
  1. image options:

See detail in rst syntax:

:name:
:class:
:alt:
:title:
:height:
:width:
:scale: 50%, Please node that it's integer percentage (the "%" symbol is optional)
:align:
:target:
:inline:

Examples:

.. ditaa::
   :--no-antialias:
   :--transparent:
   :--scale: 1.5
   :alt: a test for ditaa.
   :width: 600
   :height: 400
   :align: left
   :scale: 50

    Color codes
    /-------------+-------------\
    |cRED RED     |cBLU BLU     |
    +-------------+-------------+
    |cGRE GRE     |cPNK PNK     |
    +-------------+-------------+
    |cBLK BLK     |cYEL YEL     |
    \-------------+-------------/

5. License

GPLv3

6. Changelog

0.5

Don’t import sphinx.util.compat since sphinx.util.compat is deprecated at 1.6 and is removed since Sphinx 1.7.

0.6

Support python3

1.0

upgrade to formal release. Fix a bug that ditaa doesn’t work when ditaa options have values.

1.0.2

Fix some typo.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

sphinxcontrib-ditaa-1.0.2.tar.gz (8.6 kB view hashes)

Uploaded Source

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page