AsciiDoc 中嵌入图像右侧的文本

Question

在我的 asciidoc 文档中，我有一个像这样的嵌入图像：

[[login-page]]
[salt, id="login-page", format="svg", align="left"]
----
{
  Login    | "MyName   "
  Password | "****     "
  [Cancel] | [  OK   ]
}
----
.Login Page
{empty}+

我想要描述右侧图像的文本...并且我已经尝试过使用表格。问题是，将上面的代码放入表格单元格中，图像不会被渲染；相反，表格单元格仅按原样显示代码。

有什么办法可以让文本出现在生成的图像的右侧吗？我对 HTML 使用 asciidoctor，对 PDF 使用 asciidoctor-pdf。

更新 这是我尝试使用表格的方法：

[cols="1,1", frame=none, grid=none]
|===
a|[salt, id="login-page", format="svg", align="left"]
----
{
  Login    | "MyName   "
  Password | "****     "
  [Cancel] | [  OK   ]
}
----

|This diagram illustrates the design of the login page, which...
|===

关于崩溃的剪报：

asciidoctor: WARNING: user-interface.adoc: line 20: unterminated salt block
java.lang.IndexOutOfBoundsException: Index 2 out of bounds for length 2

如果我将

----

替换为

@startsalt

和

@endslat

它不会崩溃，但它只是按原样呈现盐代码。

Answer 1

问题是Salt语法使用管道符号，而AsciiDoc表使用管道符号来引入新单元格。

尝试定义自定义单元格分隔符：

[cols="a,a", frame=none, grid=none, separator="!"]
!===
!
[salt, id="login-page", format="svg", align="left"]
----
{
  Login    | "MyName   "
  Password | "****     "
  [Cancel] | [  OK   ]
}
----

!This diagram illustrates the design of the login page, which...
!===

注意：必须避免在单元格内容中使用单元格分隔符。