asciiDoc - 绘制屏幕原型GUI模型

Question

我最近发现asciidoc是一个创建软件文档的神奇工具。有人知道绘制屏幕原型/ GUI样机的方法吗？

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

Answer 1

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

如果赔率很高，我会启动一个带来一些WYSIWYG的项目=）

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

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

Render

Answer 2

正是这样做的。您必须包括任何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

https://developers.google.com/speed/webp

我使用Intellij IDEA插件进行了测试，使用maven插件进行了HTML5和PDF后端测试。 很好。

它会生成WebP（listener should be removed），因为它未被广泛采用（例如：imgur不支持），对于某些人来说可能是一个交易突破点。

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

Answer 3

上面的例子非常好:-)

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

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