1

我最近发现 asciidoc 是创建软件文档的绝佳工具。有人知道绘制屏幕原型/ GUI 模型的方法吗？

可能没有像植物图那样的直接集成。如果是这样，是否有一个精简的 Windows 或 linux 工具可以离线绘制 gui 原型并导出为矢量图形，可以在 asciidoc 文档中导入？

4

3 回答 3

1

上面的例子真的很好:-)

可以在 https://marketplace.eclipse.org/content/asciidoctor-editor找到 Eclipse 中的 WYSIWYG 集成

编辑器内示例的输出如下所示：

在此处输入图像描述

PS：我是上述插件的作者。

于 2018-04-27T09:07:56.400 回答
1

https://plantuml.com/salt正是这样做的。您必须包含任何 PlantUml 图所需的 Asciidoc 图。

以下是用户指南中的示例：

@startsalt
{
  Just plain text
  [This is my button]
  ()  Unchecked radio
  (X) Checked radio
  []  Unchecked box
  [X] Checked box
  "Enter text here   "
  ^This is a droplist^
}
@endsalt

生成的图像

我使用 Intellij IDEA 插件、HTML5 和 PDF 后端以及 maven 插件对其进行了测试。它工作正常。

它生成 WebP ( https://developers.google.com/speed/webp )，这对某些人来说可能是一个交易破坏者，因为它没有被广泛采用（例如：imgur 不支持）。

注意：该指南使用<b>粗体，但支持克里奥尔语，因此**也可以使用。

于 2020-05-23T12:05:53.433 回答
1

我正在使用 ditaa 进行绘图：http ://ditaa.sourceforge.net/

如果机会很好，我会开始一个项目来带来一些所见即所得 =)

例如： - 模型名称和年龄输入字段

   [ditaa]
   --
   /-------------------------\
   |       +---------------+ |
   |  name:|               | |
   |       +---------------+ |
   |                         |
   |       +---------------+ |
   |   age:|               | |
   |       +---------------+ |
   |                         |
   |/----------------------\ |
   ||      Validate        | |
   |\----------------------/ |
   |                         |
   \-------------------------/
   --

使成为

于 2017-10-30T15:57:43.050 回答