ZenUML_Sequence_Diagram_addon_help.html

<!doctype html>
<!-- saved from url=(0090)https://zenuml-test.atlassian.net/wiki/plugins/viewsource/viewpagesrc.action?pageId=197210 -->
<html slick-uniqueid="3">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=UA-114996686-1"
    ></script>
    <script
      type="text/javascript"
      src="./static/ZenUML_Sequence_Diagram_addon_help_files/google-analytics.js"
    ></script>
    <script
      type="text/javascript"
      src="./static/ZenUML_Sequence_Diagram_addon_help_files/heap.js"
    ></script>

    <title>ZenUML Sequence Diagram add-on help</title>
    <link
      rel="canonical"
      href="https://zenuml-test.atlassian.net/wiki/pages/viewpage.action?pageId=$action.page.id"
    />
    <script>
      window.WRM = window.WRM || {};
      window.WRM._unparsedData = window.WRM._unparsedData || {};
      window.WRM._unparsedErrors = window.WRM._unparsedErrors || {};
      WRM._unparsedData[
        'com.atlassian.plugins.atlassian-plugins-webresource-plugin:context-path.context-path'
      ] = '"/wiki"';
      WRM._unparsedData[
        'com.atlassian.plugins.atlassian-plugins-webresource-rest:curl.cross-origin-resources'
      ] = 'false';
      if (window.WRM._dataArrived) window.WRM._dataArrived();
    </script>
    <link
      type="text/css"
      rel="stylesheet"
      href="./static/ZenUML_Sequence_Diagram_addon_help_files/batch.css"
      data-wrm-key="_super"
      data-wrm-batch-type="context"
      media="all"
    />
    <link
      type="text/css"
      rel="stylesheet"
      href="./static/ZenUML_Sequence_Diagram_addon_help_files/batch(1).css"
      data-wrm-key="plugin.viewsource,-_super"
      data-wrm-batch-type="context"
      media="all"
    />
    <link
      type="text/css"
      rel="stylesheet"
      href="./static/ZenUML_Sequence_Diagram_addon_help_files/batch(2).css"
      data-wrm-key="page,-_super"
      data-wrm-batch-type="context"
      media="all"
    />
    <link
      type="text/css"
      rel="stylesheet"
      href="./static/ZenUML_Sequence_Diagram_addon_help_files/batch(3).css"
      media="print"
      data-wrm-key="page,-_super"
      data-wrm-batch-type="context"
    />
    <link
      type="text/css"
      rel="stylesheet"
      href="./static/ZenUML_Sequence_Diagram_addon_help_files/batch(4).css"
      data-wrm-key="editor-content,-_super"
      data-wrm-batch-type="context"
      media="all"
    />
    <!--[if lte IE 9]>
      <link
        type="text/css"
        rel="stylesheet"
        href="//d2j4j990zvhh26.cloudfront.net/zenuml-test.atlassian.net/wiki/s/d41d8cd98f00b204e9800998ecf8427e-CDN/188382958/h/55622bc6640b0087abef535c686ee9ac/_/download/contextbatch/css/editor-content,-_super/batch.css?conditionalComment=lte+IE+9&amp;confluence.table.resizable=true&amp;externals=__local-default__&amp;relative-url=true"
        data-wrm-key="editor-content,-_super"
        data-wrm-batch-type="context"
        media="all"
      />
    <![endif]-->
    <link
      type="text/css"
      rel="stylesheet"
      href="./static/ZenUML_Sequence_Diagram_addon_help_files/colors.css"
      media="all"
    />

    <style id="style-1-cropbar-clipper">
      /* Copyright 2014 Evernote Corporation. All rights reserved. */
      .en-markup-crop-options {
        top: 18px !important;
        left: 50% !important;
        margin-left: -100px !important;
        width: 200px !important;
        border: 2px rgba(255, 255, 255, 0.38) solid !important;
        border-radius: 4px !important;
      }

      .en-markup-crop-options div div:first-of-type {
        margin-left: 0px !important;
      }
    </style>
  </head>

  <body class="mceContentBody aui-theme-default wiki-content fullsize">
    <p>&nbsp;</p>
    <h1>Description</h1>
    <p>
      <code>ZenUML Sequence Diagram</code> is a Confluence macro add-on for
      creating sequence diagram&nbsp;based on
      <a href="https://www.zenuml.com/help.html">pseudo-code</a> with realtime
      rendering.
    </p>
    <h1>Usage</h1>
    <ol>
      <li>Start by creating or editing a page in Confluence</li>
      <li>
        Insert the macro either
        <ul>
          <li style="margin-left: 0px">
            from the <code>Insert more content</code> menu
          </li>
          <li style="margin-left: 0px">
            or by simply typing&nbsp;<code>{zenuml sequence diagram</code>
          </li>
        </ul>
      </li>
      <li style="margin-left: 0px">
        Start creating your own sequence diagram using&nbsp;<a
          href="https://www.zenuml.com/help.html"
          >pseudo-code</a
        >
      </li>
    </ol>
    <h2>Example</h2>
    <p>
      <img
        class="confluence-embedded-image"
        width="903"
        src="./static/ZenUML_Sequence_Diagram_addon_help_files/Screenshot.png"
        data-image-src="https://zenuml-test.atlassian.net/wiki/download/attachments/197210/Screen%20Shot%202017-12-18%20at%209.54.51%20PM.png?version=1&amp;modificationDate=1513594927091&amp;cacheVersion=1&amp;api=v2"
        data-unresolved-comment-count="0"
        data-linked-resource-id="1146881"
        data-linked-resource-version="1"
        data-linked-resource-type="attachment"
        data-linked-resource-default-alias="Screen Shot 2017-12-18 at 9.54.51 PM.png"
        data-base-url="https://zenuml-test.atlassian.net/wiki"
        data-linked-resource-content-type="image/png"
        data-linked-resource-container-id="197210"
        data-linked-resource-container-version="6"
        data-media-id="276b8b3c-9afb-4a90-97b3-f5001c206ac9"
        data-media-type="file"
        title="ZenUML &gt; How to use ZenUML Sequence Diagram macro &gt; Screen Shot 2017-12-18 at 9.54.51 PM.png"
        data-location="ZenUML &gt; How to use ZenUML Sequence Diagram macro &gt; Screen Shot 2017-12-18 at 9.54.51 PM.png"
        data-image-height="617"
        data-image-width="1238"
      />
    </p>
    <p>
      Note that you can drag the vertical bar in the middle to adjust the width
      of code editor.
    </p>
    <h1>Limitations</h1>
    <p><code>Export to PDF/Word</code> is not supported at the moment.</p>
    <h1>Privacy Statement</h1>
    <p>
      <code>ZenUML Sequence Diagram</code> is a static macro. It doesn't store
      any user data outside of Confluence.
    </p>

    <h1>Source Code</h1>
    <p>
      ZenUML Sequence Diagram is an open source software. You can find the
      source code
      <a
        href="https://github.com/whimet/zenuml-confluence-addon"
        target="_blank"
        >here</a
      >.
    </p>
    <p><br /></p>
    <p><br /></p>
    <p><br /></p>
    <p>&nbsp;</p>
  </body>
</html>