asciidoc - 如何使用AsciiDoctor进行自定义类HTML划分？

Question

我从AsciiDoctor开始，我想输出HTML。我一直试图找出如何创建部门的自定义类，我搜索了谷歌，手册等，找不到解决方案。我想做的就是简单地写这样的东西:
Type the word [userinput]#asciidoc# into the search bar.
生成HTML
<span class="userinput">asciidoc</span>
但我想使用div标签而不是span。有什么办法可以做到吗，还是我应该使用类似的方法+++<div class="userinput">asciidoc</span>+++？

Answer 1

我认为您需要的在Asciidoctor中称为“角色”。

这个例子:

This is some text.

[.userinput]
Type the word asciidoc into the search bar.

This is some text.

产生:

<div class="paragraph">
<p>This is some text.</p>
</div>
<div class="paragraph userinput">
<p>Type the word asciidoc into the search bar.</p>
</div>
<div class="paragraph">
<p>This is some text.</p>
</div>

现在，您已经为相关的div使用了CSS选择器 div.userinput。

请参见《 Ascidoctor用户手册》中的 13.5. Setting attributes on an element(也可以搜索“角色”)。