CINXE.COM

<!DOCTYPE html> <html lang="en" dir="ltr" class="no-js"> <head> <meta charset="utf-8" /> <title>plugin:ditaa [DokuWiki]</title> <meta name="generator" content="DokuWiki"/> <meta name="theme-color" content="#008800"/> <meta name="robots" content="index,follow"/> <meta name="keywords" content="plugin,ditaa"/> <link rel="search" type="application/opensearchdescription+xml" href="/lib/exe/opensearch.php" title="DokuWiki"/> <link rel="start" href="/"/> <link rel="contents" href="/plugin:ditaa?do=index" title="Sitemap"/> <link rel="manifest" href="/lib/exe/manifest.php"/> <link rel="alternate" type="application/rss+xml" title="Recent Changes" href="/feed.php"/> <link rel="alternate" type="application/rss+xml" title="Current namespace" href="/feed.php?mode=list&ns=plugin"/> <link rel="edit" title="Edit this page" href="/plugin:ditaa?do=edit"/> <link rel="alternate" type="text/html" title="Plain HTML" href="/_export/xhtml/plugin:ditaa"/> <link rel="alternate" type="text/plain" title="Wiki Markup" href="/_export/raw/plugin:ditaa"/> <link rel="canonical" href="https://www.dokuwiki.org/plugin:ditaa"/> <link rel="stylesheet" href="/lib/exe/css.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e"/> <script >var NS='plugin';var JSINFO = {"plugins":{"edittable":{"default columnwidth":""}},"id":"plugin:ditaa","namespace":"plugin","ACT":"show","useHeadingNavigation":0,"useHeadingContent":0};(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer="defer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" defer="defer"></script> <script src="/lib/exe/js.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e&lang=en" defer="defer"></script> <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="shortcut icon" href="/lib/tpl/dokuwiki/images/favicon.ico" /> <link rel="apple-touch-icon" href="/lib/tpl/dokuwiki/images/apple-touch-icon.png" /> <meta name="verify-v1" content="OVxl3gsCv2MhZqh1cBQyl0JytWXSwXMjyvwc+4w3WtA=" /> <meta name="google-site-verification" content="YhTVK69hW94ZXUtc2zSLPxTkZKbZIn0zK67mz5WQB-E" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-83791-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-83791-1', { 'anonymize_ip': true }); </script> </head> <body> <div id="dokuwiki__site"><div id="dokuwiki__top" class="site dokuwiki mode_show tpl_dokuwiki showSidebar hasSidebar">  <header id="dokuwiki__header"><div class="pad group"> <div class="headings group"> <ul class="a11y skip"> <li><a href="#dokuwiki__content">skip to content</a></li> </ul> <h1 class="logo"><a href="/start" accesskey="h" title="Home [h]"><img src="/lib/tpl/dokuwiki/images/logo.png" width="64" height="64" alt="" /><span>DokuWiki</span></a></h1> <p class="claim">It's better when it's simple</p> </div> <div class="tools group">  <div id="dokuwiki__usertools"> <h3 class="a11y">User Tools</h3> <ul> <li class="action login"><a href="/plugin:ditaa?do=login&sectok=" title="Log In" rel="nofollow"><span>Log In</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 17.25V14H3v-4h7V6.75L15.25 12 10 17.25M8 2h9a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-4h2v4h9V4H8v4H6V4a2 2 0 0 1 2-2z"/></svg></a></li> </ul> </div>  <div id="dokuwiki__sitetools"> <h3 class="a11y">Site Tools</h3> <form action="/start" method="get" role="search" class="search doku_form" id="dw__search" accept-charset="utf-8"><input type="hidden" name="do" value="search" /><input type="hidden" name="id" value="plugin:ditaa" /><div class="no"><input name="q" type="text" class="edit" title="[F]" accesskey="f" placeholder="Search" autocomplete="on" id="qsearch__in" value="" /><button value="1" type="submit" title="Search">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form> <div class="mobileTools"> <form action="/doku.php" method="get" accept-charset="utf-8"><div class="no"><input type="hidden" name="id" value="plugin:ditaa" /><select name="do" class="edit quickselect" title="Tools"><option value="">Tools</option><optgroup label="Page Tools"><option value="edit">Edit this page</option><option value="revisions">Old revisions</option><option value="backlink">Backlinks</option></optgroup><optgroup label="Site Tools"><option value="recent">Recent Changes</option><option value="media">Media Manager</option><option value="index">Sitemap</option></optgroup><optgroup label="User Tools"><option value="login">Log In</option></optgroup></select><button type="submit">></button></div></form> </div> <ul> <li class="action recent"><a href="/plugin:ditaa?do=recent" title="Recent Changes [r]" rel="nofollow" accesskey="r">Recent Changes</a></li><li class="action media"><a href="/plugin:ditaa?do=media&ns=plugin" title="Media Manager" rel="nofollow">Media Manager</a></li><li class="action index"><a href="/plugin:ditaa?do=index" title="Sitemap [x]" rel="nofollow" accesskey="x">Sitemap</a></li> </ul> </div> </div>  <div class="breadcrumbs"> <div class="trace"><span class="bchead">Trace:</span> <span class="bcsep">•</span> <span class="curid"><bdi><a href="/plugin:ditaa" class="breadcrumbs" title="plugin:ditaa">ditaa</a></bdi></span></div> </div> <hr class="a11y" /> </div></header> <div class="wrapper group">  <nav id="dokuwiki__aside" aria-label="Sidebar"><div class="pad aside include group"> <h3 class="toggle">Sidebar</h3> <div class="content"><div class="group"> <p> <strong>Learn about DokuWiki</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/features" class="wikilink1" title="features" data-wiki-id="features">Features</a> & <a href="/blogroll" class="wikilink1" title="blogroll" data-wiki-id="blogroll">reviews</a> </div> </li> <li class="level1"><div class="li"> <a href="/install" class="wikilink1" title="install" data-wiki-id="install">Installation guide</a></div> </li> <li class="level1"><div class="li"> <a href="/manual" class="wikilink1" title="manual" data-wiki-id="manual">User manual</a> & <a href="/wiki:syntax" class="wikilink1" title="wiki:syntax" data-wiki-id="wiki:syntax">syntax</a></div> </li> <li class="level1"><div class="li"> <a href="/changes" class="wikilink1" title="changes" data-wiki-id="changes">Release notes</a></div> </li> <li class="level1"><div class="li"> <a href="/faq" class="wikilink1" title="faq" data-wiki-id="faq">FAQ</a></div> </li> </ul> <p> <strong>Advanced Use</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/extensions" class="wikilink1" title="extensions" data-wiki-id="extensions">Extensions</a></div> </li> <li class="level1"><div class="li"> <a href="/development" class="wikilink1" title="development" data-wiki-id="development">Development manual</a></div> </li> </ul> <p> <strong>Corporate Use</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/faq:support" class="wikilink1" title="faq:support" data-wiki-id="faq:support">Get support</a></div> </li> <li class="level1"><div class="li"> <a href="/donate" class="wikilink1" title="donate" data-wiki-id="donate">Donations</a></div> </li> </ul> <p> <strong>Our Community</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/teams:getting_involved" class="wikilink1" title="teams:getting_involved" data-wiki-id="teams:getting_involved">Get involved</a></div> </li> <li class="level1"><div class="li"> <a href="/dokuinstall" class="wikilink1" title="dokuinstall" data-wiki-id="dokuinstall">Users</a></div> </li> <li class="level1"><div class="li"> <a href="http://forum.dokuwiki.org" class="urlextern" title="http://forum.dokuwiki.org">User forum</a></div> </li> <li class="level1"><div class="li"> <a href="/mailinglist" class="wikilink1" title="mailinglist" data-wiki-id="mailinglist">Development mailinglist</a></div> </li> </ul> <hr /> <p> Follow us on <a href="https://phpc.social/@dokuwiki" class="urlextern" title="https://phpc.social/@dokuwiki">Mastodon</a> and other <a href="/social" class="wikilink1" title="social" data-wiki-id="social">social networks</a>. </p> <p> <a href="/privacy" class="wikilink1" title="privacy" data-wiki-id="privacy">Our Privacy Policy</a> </p> </div></div> </div></nav>  <main id="dokuwiki__content"><div class="pad group"> <div class="pageId"><span>plugin:ditaa</span></div> <div class="page group">   <div id="dw__toc" class="dw__toc"> <h3 class="toggle">Table of Contents</h3> <div> <ul class="toc"> <li class="level1"><div class="li"><a href="#ditaa-plugin">Ditaa-Plugin</a></div> <ul class="toc"> <li class="level2"><div class="li"><a href="#download_and_installation">Download and Installation</a></div> <ul class="toc"> <li class="level3"><div class="li"><a href="#changes">Changes</a></div></li> </ul> </li> <li class="level2"><div class="li"><a href="#configuration">Configuration</a></div></li> <li class="level2"><div class="li"><a href="#syntax">Syntax</a></div> <ul class="toc"> <li class="level3"><div class="li"><a href="#parameters">Parameters</a></div></li> </ul> </li> <li class="level2"><div class="li"><a href="#possible_tags">Possible tags</a></div></li> <li class="level2"><div class="li"><a href="#example">Example</a></div></li> <li class="level2"><div class="li"><a href="#further_doc">Further Doc</a></div></li> </ul></li> </ul> </div> </div>  <h1 class="sectionedit1" id="ditaa-plugin">Ditaa-Plugin</h1> <div class="level1"> <div class="pluginrepo_entry"><div class="usageInfo"><div class="compatibility"><p class="label">Compatible with DokuWiki</p><p>Lemming, Anteater, Rincewind, Angua, Weatherwax, Adora Belle, Hrun, Detritus</p></div><ul class="actions"><li><a class="download" href="https://github.com/splitbrain/dokuwiki-plugin-ditaa/zipball/master">Download</a></li><li><a class="bugs" href="https://github.com/splitbrain/dokuwiki-plugin-ditaa/issues">Report bugs</a></li></ul><div class="clearer"></div></div><div class="mainInfo"><p class="description"><a class="media" href="/plugins"><img alt="plugin" class="medialeft" src="/lib/plugins/pluginrepo/images/dwplugin.png" width="60" height="60" /></a> Converts ASCII-Flowcharts to png-Graphics using ditaa</p></div><div class="metaInfo"><dl><dt>Last updated on</dt><dd>2016-06-24</dd><dt>Provides</dt><dd><a href="/plugins?plugintype=1#extension__table" class="wikilink1" title="List all Syntax plugins">Syntax</a></dd><dt>Repository</dt><dd><a class="urlextern" href="https://github.com/splitbrain/dokuwiki-plugin-ditaa/">Source</a></dd></dl></div><div class="moreInfo"><div class="notify"><p>This extension has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues.</p></div><p class="similar">Similar to <a href="/plugin:a2s" class="wikilink1" title="plugin:a2s" data-wiki-id="plugin:a2s">a2s</a>, <a href="/plugin:dataplot" class="wikilink1" title="plugin:dataplot" data-wiki-id="plugin:dataplot">dataplot</a>, <a href="/plugin:diagram" class="wikilink1" title="plugin:diagram" data-wiki-id="plugin:diagram">diagram</a>, <a href="/plugin:flowchartjs" class="wikilink1" title="plugin:flowchartjs" data-wiki-id="plugin:flowchartjs">flowchartjs</a>, <a href="/plugin:flowcharts" class="wikilink1" title="plugin:flowcharts" data-wiki-id="plugin:flowcharts">flowcharts</a>, <a href="/plugin:graphviz" class="wikilink1" title="plugin:graphviz" data-wiki-id="plugin:graphviz">graphviz</a>, <a href="/plugin:svgedit" class="wikilink1" title="plugin:svgedit" data-wiki-id="plugin:svgedit">svgedit</a>, <a href="/plugin:wavedrom" class="wikilink1" title="plugin:wavedrom" data-wiki-id="plugin:wavedrom">wavedrom</a></p><p class="tags">Tagged with <a href="/plugins?plugintag=diagram#extension__table" class="wikilink1" title="List all plugins with this tag">diagram</a>, <a href="/plugins?plugintag=images#extension__table" class="wikilink1" title="List all plugins with this tag">images</a>, <a href="/plugins?plugintag=java#extension__table" class="wikilink1" title="List all plugins with this tag">java</a>, <a href="/plugins?plugintag=media#extension__table" class="wikilink1" title="List all plugins with this tag">media</a></p></div><div class="authorInfo"><strong>By <a href="mailto:andi%20%5Bat%5D%20splitbrain%20%5Bdot%5D%20org" class="mail" title="andi [at] splitbrain [dot] org">Andreas Gohr</a></strong><ul><li><a href="/plugin:badbehaviour" class="wikilink1" title="plugin:badbehaviour" data-wiki-id="plugin:badbehaviour">badbehaviour</a></li> <li><a href="/plugin:amazon" class="wikilink1" title="plugin:amazon" data-wiki-id="plugin:amazon">amazon</a></li> <li><a href="/plugin:xfortune" class="wikilink1" title="plugin:xfortune" data-wiki-id="plugin:xfortune">xfortune</a></li> <li><a href="/plugin:statistics" class="wikilink1" title="plugin:statistics" data-wiki-id="plugin:statistics">statistics</a></li> <li><a href="/plugin:translation" class="wikilink1" title="plugin:translation" data-wiki-id="plugin:translation">translation</a></li> <li><a href="/plugin:captcha" class="wikilink1" title="plugin:captcha" data-wiki-id="plugin:captcha">captcha</a></li> <li><a href="/plugin:graphviz" class="wikilink1" title="plugin:graphviz" data-wiki-id="plugin:graphviz">graphviz</a></li> <li><a href="/plugin:acl" class="wikilink1" title="plugin:acl" data-wiki-id="plugin:acl">acl</a></li> <li><a href="/plugin:info" class="wikilink1" title="plugin:info" data-wiki-id="plugin:info">info</a></li> <li><a href="/plugin:readability" class="wikilink1" title="plugin:readability" data-wiki-id="plugin:readability">readability</a></li> <li>and 60 more</li></ul></div></div> <p> Previous author: <a href="mailto:develop%20%5Bat%5D%20dieploegers%20%5Bdot%5D%20de" class="mail" title="develop [at] dieploegers [dot] de">Dennis Ploeger</a> </p> <p> Ditaa is a tool to convert <abbr title="American Standard Code for Information Interchange">ASCII</abbr>-Art flowcharts and diagrams into their graphical equivalents. This Plugin integrates this feature into DokuWiki. See the <a href="http://ditaa.sourceforge.net/" class="urlextern" title="http://ditaa.sourceforge.net/">ditaa homepage</a> for details about ditaa. </p> </div> <div class="secedit editbutton_section editbutton_1"><form class="button btn_secedit" method="post" action="/plugin:ditaa"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1740151026" /><input type="hidden" name="summary" value="[Ditaa-Plugin] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="ditaa-plugin" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1-925" /><button type="submit" title="Ditaa-Plugin">Edit</button></div></form></div> <h2 class="sectionedit2" id="download_and_installation">Download and Installation</h2> <div class="level2"> <p> Search and install the plugin using the <a href="/plugin:extension" class="wikilink1" title="plugin:extension" data-wiki-id="plugin:extension">Extension Manager</a>. Refer to <a href="/plugins" class="wikilink1" title="plugins" data-wiki-id="plugins">Plugins</a> on how to install plugins manually. </p> </div> <div class="secedit editbutton_section editbutton_2"><form class="button btn_secedit" method="post" action="/plugin:ditaa"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1740151026" /><input type="hidden" name="summary" value="[Download and Installation] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="download_and_installation" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="926-1103" /><button type="submit" title="Download and Installation">Edit</button></div></form></div> <h3 class="sectionedit3" id="changes">Changes</h3> <div class="level3"> <ul class="rss"><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/202c2a4e835f650fc856fe4ab70d5183ccb579a1" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/202c2a4e835f650fc856fe4ab70d5183ccb579a1">upped version</a> (2016-06-24 14:41)</div></li><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/104ca2f093b707fa31341d2025bb57c2f31d6604" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/104ca2f093b707fa31341d2025bb57c2f31d6604">added list of deleted files</a> (2016-06-24 14:41)</div></li><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/c4532a00ef15aa9182ddc6cdbbaeedef0c89bec6" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/c4532a00ef15aa9182ddc6cdbbaeedef0c89bec6">updated language</a> (2016-06-24 14:31)</div></li><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/e2392f8a5950c6a56d50bdd16f1b8e84463213a8" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/e2392f8a5950c6a56d50bdd16f1b8e84463213a8">added some cache busting</a> (2016-06-24 14:29)</div></li><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/c65b5f530f7d99538e922a16eb93e25768b821d5" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/c65b5f530f7d99538e922a16eb93e25768b821d5">upgraded ditaa to 0.10</a> (2016-06-24 14:28)</div></li><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/400b2bf32de242a59e3d73d976b51be8d8895045" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/400b2bf32de242a59e3d73d976b51be8d8895045">download from official repo</a> (2016-06-24 13:53)</div></li><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/35cad79268be8e2b877be727d6f84846ee2d123e" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/35cad79268be8e2b877be727d6f84846ee2d123e">cleanup and better way of passing data between stages</a> (2016-06-24 13:49)</div></li><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/967610bbd42ffed4044a679e2d0ed0ab200de40b" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-ditaa/commit/967610bbd42ffed4044a679e2d0ed0ab200de40b">fall back to go binary, since the remote API is gone</a> (2016-06-23 22:09)</div></li></ul> </div> <div class="secedit editbutton_section editbutton_3"><form class="button btn_secedit" method="post" action="/plugin:ditaa"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1740151026" /><input type="hidden" name="summary" value="[Changes] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="changes" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1104-1208" /><button type="submit" title="Changes">Edit</button></div></form></div> <h2 class="sectionedit4" id="configuration">Configuration</h2> <div class="level2"> <p> The plugin provides a configuration setting in the <a href="/plugin:config" class="wikilink1" title="plugin:config" data-wiki-id="plugin:config">config manager</a> to specify the path to your Java interpreter. When set, the tool will run the original ditaa locally on your server to create the graphics. The ditaa jar file is included in the plugin, you do not need to download it separately. </p> <p> When you not provide a Java path, the plugin will instead use an alternative implementation of ditaa written in go. The plugin comes with 64bit versions for Windows and Linux, but will try downloading different binaries if needed. Please note that the go version has not all the features of the orginal ditaa in Java. </p> </div> <div class="secedit editbutton_section editbutton_4"><form class="button btn_secedit" method="post" action="/plugin:ditaa"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1740151026" /><input type="hidden" name="summary" value="[Configuration] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="configuration" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1209-1868" /><button type="submit" title="Configuration">Edit</button></div></form></div> <h2 class="sectionedit5" id="syntax">Syntax</h2> <div class="level2"> <p> The syntax wraps any <a href="http://ditaa.sourceforge.net/" class="urlextern" title="http://ditaa.sourceforge.net/">ditaa formatted</a> <abbr title="American Standard Code for Information Interchange">ASCII</abbr> flowchart into <ditaa></ditaa> tags. The opening tag can have several additional optional parameters (see below). </p> <pre class="code html4strict"><span class="sc2"><ditaa <span class="br0">[</span>optional parameters<span class="br0">]</span>></span>   ... (some ditaa-code) ...   <span class="sc2"><<span class="sy0">/</span>ditaa></span></pre> </div> <div class="secedit editbutton_section editbutton_5"><form class="button btn_secedit" method="post" action="/plugin:ditaa"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1740151026" /><input type="hidden" name="summary" value="[Syntax] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="syntax" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1869-2172" /><button type="submit" title="Syntax">Edit</button></div></form></div> <h3 class="sectionedit6" id="parameters">Parameters</h3> <div class="level3"> <div class="table sectionedit7"><table class="inline"> <thead> <tr class="row0"> <th class="col0 leftalign"> Parameter </th><th class="col1 leftalign"> Default </th><th class="col2"> Description </th> </tr> </thead> <tr class="row1"> <td class="col0 leftalign"> width=<em><num></em> </td><td class="col1 leftalign"> width=0 </td><td class="col2"> Rescale the final image to this width. When set to 0, diita will choose the needed width and no rescaling is done. </td> </tr> <tr class="row2"> <td class="col0 leftalign"> height=<em><num></em> </td><td class="col1 leftalign"> height=0 </td><td class="col2"> Same as above but for height. Only works when a width is given as well </td> </tr> <tr class="row3"> <td class="col0"> <em><num></em>x<em><num></em> </td><td class="col1 leftalign"> 0x0 </td><td class="col2"> Combines the above parameters into one. That's a lowercase x! </td> </tr> <tr class="row4"> <td class="col0 leftalign"> <float>X </td><td class="col1 leftalign"> 1.0X </td><td class="col2"> Tells ditaa to scale the image. Eg. 2.0X makes the final image twice as big. That's an uppercase X (only with Java)</td> </tr> <tr class="row5"> <td class="col0 leftalign"> (no)round </td><td class="col1 leftalign"> noround </td><td class="col2"> Enable or disable round corners for all boxes (only with Java)</td> </tr> <tr class="row6"> <td class="col0 leftalign"> (no)shadow </td><td class="col1 leftalign"> shadow </td><td class="col2"> Enable or disable box shadows (only with Java)</td> </tr> <tr class="row7"> <td class="col0 leftalign"> (no)antialias </td><td class="col1 leftalign"> antialias </td><td class="col2"> Enable or disable antialiasing (only with Java)</td> </tr> <tr class="row8"> <td class="col0 leftalign"> (no)edgesep </td><td class="col1 leftalign"> edgesep </td><td class="col2"> Enable or disabling the separation of box edges where boxes directly touch (only with Java)</td> </tr> <tr class="row9"> <td class="col0 leftalign"> left center right </td><td class="col1 leftalign"> </td><td class="col2"> Align the image to the left, center or right. Default does no alignment (inline)</td> </tr> </table></div> <div class="secedit editbutton_table editbutton_7"><form class="button btn_secedit" method="post" action="/plugin:ditaa"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1740151026" /><input type="hidden" name="summary" value="[Table] " /><input type="hidden" name="target" value="table" /><input type="hidden" name="hid" value="table" /><input type="hidden" name="range" value="2195-3319" /><button type="submit" title="Table">Edit</button></div></form></div> </div> <div class="secedit editbutton_section editbutton_6"><form class="button btn_secedit" method="post" action="/plugin:ditaa"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1740151026" /><input type="hidden" name="summary" value="[Parameters] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="parameters" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="2173-3320" /><button type="submit" title="Parameters">Edit</button></div></form></div> <h2 class="sectionedit8" id="possible_tags">Possible tags</h2> <div class="level2"> <p> Not all shape selector tags are documented on the ditaa site. A quick source scan revealed: </p> <div class="table sectionedit9"><table class="inline"> <thead> <tr class="row0"> <th class="col0 leftalign"> tag </th><th class="col1 leftalign"> Description </th> </tr> </thead> <tr class="row1"> <td class="col0 leftalign"> <code>{c}</code> </td><td class="col1 leftalign"> decision (Choice) </td> </tr> <tr class="row2"> <td class="col0 leftalign"> <code>{d}</code> </td><td class="col1 leftalign"> document </td> </tr> <tr class="row3"> <td class="col0"> <code>{io}</code> </td><td class="col1 leftalign"> input/output, parallelogram </td> </tr> <tr class="row4"> <td class="col0"> <code>{mo}</code> </td><td class="col1 leftalign"> manual operation </td> </tr> <tr class="row5"> <td class="col0 leftalign"> <code>{o}</code> </td><td class="col1 leftalign"> ellipse, circle </td> </tr> <tr class="row6"> <td class="col0 leftalign"> <code>{s}</code> </td><td class="col1 leftalign"> storage </td> </tr> <tr class="row7"> <td class="col0"><code> {tr}</code> </td><td class="col1 leftalign"> trapezoid (looks like an inverted <code>{mo}</code>) </td> </tr> </table></div> <div class="secedit editbutton_table editbutton_9"><form class="button btn_secedit" method="post" action="/plugin:ditaa"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1740151026" /><input type="hidden" name="summary" value="[Table] " /><input type="hidden" name="target" value="table" /><input type="hidden" name="hid" value="table1" /><input type="hidden" name="range" value="3441-3721" /><button type="submit" title="Table">Edit</button></div></form></div> </div> <div class="secedit editbutton_section editbutton_8"><form class="button btn_secedit" method="post" action="/plugin:ditaa"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1740151026" /><input type="hidden" name="summary" value="[Possible tags] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="possible_tags" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="3321-3723" /><button type="submit" title="Possible tags">Edit</button></div></form></div> <h2 class="sectionedit10" id="example">Example</h2> <div class="level2"> <p> <img src="/lib/exe/fetch.php?cache=recache&tok=f49682&media=https%3A%2F%2Ftrello.com%2F1%2Fcards%2F6593097735813b365132052a%2Fattachments%2F659309a641fe725dbda9056c%2Fdownload%2FDitaa-Plugin-Screenshot.png" class="mediaright" loading="lazy" title="Ditaa Example" alt="Ditaa Example" /> </p> <pre class="code"><ditaa round noedgesep right> +--------+ +-------+ +-------+ | | --+ ditaa +--> | | | Text | +-------+ |diagram| |Document| |!magic!| | | | {d}| | c478 | | | +---+----+ +-------+ +-------+ : ^ | Lots of work : +-------------------------+ </ditaa></pre> </div> <div class="secedit editbutton_section editbutton_10"><form class="button btn_secedit" method="post" action="/plugin:ditaa"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1740151026" /><input type="hidden" name="summary" value="[Example] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="example" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="3724-4308" /><button type="submit" title="Example">Edit</button></div></form></div> <h2 class="sectionedit11" id="further_doc">Further Doc</h2> <div class="level2"> <ul> <li class="level1"><div class="li"> <a href="http://ditaa.sourceforge.net/" class="urlextern" title="http://ditaa.sourceforge.net/">ditaa @ sourceforge</a></div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_11"><form class="button btn_secedit" method="post" action="/plugin:ditaa"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1740151026" /><input type="hidden" name="summary" value="[Further Doc] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="further_doc" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="4309-" /><button type="submit" title="Further Doc">Edit</button></div></form></div>  </div> <div class="docInfo"><bdi>plugin/ditaa.txt</bdi> · Last modified: <time datetime="2025-02-21T16:17:06+0100">2025-02-21 16:17</time> by <bdi>Aleksandr</bdi></div> <hr class="a11y" /> </div></main>  <nav id="dokuwiki__pagetools" aria-labelledby="dokuwiki__pagetools__heading"> <h3 class="a11y" id="dokuwiki__pagetools__heading">Page Tools</h3> <div class="tools"> <ul> <li class="edit"><a href="/plugin:ditaa?do=edit" title="Edit this page [e]" rel="nofollow" accesskey="e"><span>Edit this page</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg></a></li><li class="revs"><a href="/plugin:ditaa?do=revisions" title="Old revisions [o]" rel="nofollow" accesskey="o"><span>Old revisions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 7v5.11l4.71 2.79.79-1.28-4-2.37V7m0-5C8.97 2 5.91 3.92 4.27 6.77L2 4.5V11h6.5L5.75 8.25C6.96 5.73 9.5 4 12.5 4a7.5 7.5 0 0 1 7.5 7.5 7.5 7.5 0 0 1-7.5 7.5c-3.27 0-6.03-2.09-7.06-5h-2.1c1.1 4.03 4.77 7 9.16 7 5.24 0 9.5-4.25 9.5-9.5A9.5 9.5 0 0 0 12.5 2z"/></svg></a></li><li class="backlink"><a href="/plugin:ditaa?do=backlink" title="Backlinks" rel="nofollow"><span>Backlinks</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"/></svg></a></li><li class="top"><a href="#dokuwiki__top" title="Back to top [t]" rel="nofollow" accesskey="t"><span>Back to top</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"/></svg></a></li> </ul> </div> </nav> </div>  <footer id="dokuwiki__footer"><div class="pad"> <div class="license">Except where otherwise noted, content on this wiki is licensed under the following license: <bdi><a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license" class="urlextern">CC Attribution-Share Alike 4.0 International</a></bdi></div> <div class="buttons"> <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license"><img src="/lib/images/license/button/cc-by-sa.png" alt="CC Attribution-Share Alike 4.0 International" /></a> <a href="https://www.dokuwiki.org/donate" title="Donate" ><img src="/lib/tpl/dokuwiki/images/button-donate.gif" width="80" height="15" alt="Donate" /></a> <a href="https://php.net" title="Powered by PHP" ><img src="/lib/tpl/dokuwiki/images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a> <a href="//validator.w3.org/check/referer" title="Valid HTML5" ><img src="/lib/tpl/dokuwiki/images/button-html5.png" width="80" height="15" alt="Valid HTML5" /></a> <a href="//jigsaw.w3.org/css-validator/check/referer?profile=css3" title="Valid CSS" ><img src="/lib/tpl/dokuwiki/images/button-css.png" width="80" height="15" alt="Valid CSS" /></a> <a href="https://dokuwiki.org/" title="Driven by DokuWiki" ><img src="/lib/tpl/dokuwiki/images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a> </div> <div style="margin-top: 2em; font-size:90%" class="dokuwiki"><div style="float:right"><a href="http://www.splitbrain.org/personal#imprint" style="float:right; text-decoration: none; color:#333">Imprint</a></div></div> <style type="text/css"> @media screen { body { padding-top: 30px; } #global__header { position: absolute; top: 0; left: 0; text-align: left; vertical-align: middle; line-height: 1.5; background-color: #333; box-shadow: 0 0 8px rgba(0,0,0,0.5); width: 100%; margin: 0; padding: 5px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; } #global__header h2 { position: absolute; left: -99999em; top: 0; overflow: hidden; display: inline; } #global__header ul, #global__header li { margin: 0; padding: 0; list-style: none; display: inline; line-height: 1.5; } #global__header a { color: #bbb; text-decoration: none; margin-right: 20px; font-size: 14px; font-weight: normal; } #global__header a:hover, #global__header a:active, #global__header a:focus { color: #fff; text-decoration: underline; } #global__header form { float: right; margin: 0 0 0 20px; } #global__header input { background-color: #333; background-image: none; border: 1px solid #bbb; color: #fff; box-shadow: none; border-radius: 2px; margin: 0; line-height: normal; padding: 1px 0 1px 0; height: auto; } #global__header input.button { border: none; color: #bbb; } #global__header input.button:hover, #global__header input.button:active, #global__header input.button:focus { color: #fff; text-decoration: underline; } } /* /@media */ @media only screen and (min-width: 601px) { /* changes specific for www.dokuwiki.org */ #dokuwiki__header { padding-top: 3em; } #dokuwiki__usertools { top: 3em; } /* changes specific for bugs.dokuwiki.org */ div#container div#showtask { top: 40px; } } /* /@media */ @media only screen and (max-width: 600px) { body { padding-top: 0; } #global__header { position: static; white-space: normal; overflow: auto; } #global__header form { float: none; display: block; margin: 0 0 .4em; } } /* /@media */ @media print { #global__header { display: none; } } /* /@media */ </style> <div id="global__header"> <h2>Global DokuWiki Links</h2> <form method="get" action="https://search.dokuwiki.org/" target="_top"> <input type="text" name="q" title="Search all DokuWiki sites at once" class="input" /> <input type="submit" title="Search all DokuWiki sites at once" value="Search" class="button" /> </form> <ul> <li><a href="https://download.dokuwiki.org" title="Download the latest release" target="_top">Download</a></li> <li><a href="https://www.dokuwiki.org" title="Read the DokuWiki documentation" target="_top">Wiki</a></li> <li><a href="https://forum.dokuwiki.org" title="Ask questions in the DokuWiki forum" target="_top">Forum</a></li> <li><a href="https://irc.dokuwiki.org" title="Check IRC chat logs or join the chat" target="_top">IRC</a></li> <li><a href="https://github.com/splitbrain/dokuwiki/issues" title="Report and track bugs" target="_top">Bugs</a></li> <li><a href="https://translate.dokuwiki.org/" title="Help translating the DokuWiki interface" target="_top">Translate</a></li> <li><a href="https://github.com/splitbrain/dokuwiki" title="Access the most recent git commits" target="_top">Git</a></li> <li><a href="https://xref.dokuwiki.org/reference/dokuwiki/" title="Cross-Reference of the DokuWiki source code" target="_top">XRef</a></li> <li><a href="https://codesearch.dokuwiki.org/" title="Search through the sources of DokuWiki, plugins and templates" target="_top">Code Search</a></li> </ul> </div>  </div></footer> </div></div> <div class="no"><img src="/lib/exe/taskrunner.php?id=plugin%3Aditaa&1741318264" width="2" height="1" alt="" /></div> <div id="screen__mode" class="no"></div></body> </html>