AsciiDoc Demo Page
Dieses Dokument demonstriert alle wichtigen Funktionen von AsciiDoctor mit gwern Layout, organisiert nach Themenbereichen.
Im Dokumentkopf kann ein
[abstract]Block verwendet werden, um eine Zusammenfassung der Seite zu geben. Im abstract des Dokumentkopfes wird automatisch das Standardbild der Seite angehängt.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Die erste Zeile der Präambel im Dokumentkopf wird automatisch in smallcaps formatiert. Sieht nett aus, wirkt aber auch allenfalls etwas antiquiert. Die Präambel ist der Teil im Dokument der vor der ersten Überschrift steht.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
1. Dokumentstruktur
Auch in einem normalen Abschnitt kann ein
[abstract]Block verwendet werden, um eine Zusammenfassung der Seite zu geben. Anders als im Dokumentkopf wird hier kein Standardbild angehängt.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Dies ist eine Randbemerkung. Sie ist im linken Rand, rechtsbündig und in kursiv gesetzt. Wenn ein Abschnitt einen [abstract] Block hat, wird die erste Zeile ebenfalls mit smallcaps gelayoutet. Das ist nicht der Fall wenn kein [abstract] Block vorhanden ist.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Eine weiter Randbemerkung. Sie sollten kurz gehalten werden. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
1.1. Abschnittsformatierung
Während der erste Absatz eines Abschnitts ganz links ausgerichtet ist, werden die folgenden Absätze mit einem Einzug links gesetzt. Dies ist auch dann der Fall, wenn die Absätze sehr kurz sind.
So wie hier.
Oder hier.
Was dann etwas unerwartet sein kann. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
1.2. Abschnittsnummerierung
Abschnitte werden automatisch nummeriert wenn :sectnums: aktiviert ist.
Die Abschnittsnummerierung kann mit :!sectnums: im Dokument laufend deaktiviert und wieder aktiviert werden, um z.B. gewisse Abschnitte nicht nummeriert zu lassen (siehe Beispiel unter Ziffer 3. Listen).
1.3. Inhaltsverzeichnis
Das Inhaltsverzeichnis wird automatisch generiert wenn :toc: aktiviert ist.
Die tiefe des Inhaltsverzeichnisses kann mit :toclevels: im Dokument laufend festgelegt werden, um z.B. nur die obersten Abschnitte im Inhaltsverzeichnis zu zeigen (in diesem Dokument werden nur die obersten Abschnitte im Inhaltsverzeichnis angezeigt).
2. Textformatierung
2.1. Inline Formatierung
-
Fett, Kursiv, Fett und kursiv
-
Durchgestrichen -
Unterstrichen
-
Kapitälchen, fette Kapitälchen
-
Superscript: x2 + x + 2, Subscript: H2O
-
• Interpunkt-Trennung. • Interpunkt-Trennung. •
-
Fix Font(für Code, Befehle oder technische Begriffe) -
Fix Font Fett,Fix Font Kursiv,Fix Font Fett und Kursiv
2.2. Zahlen
-
Minuskelziffern: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
-
1966 war ein gutes Jahr
3. Listen
Ungeordnete Listen
-
First item
-
Second item
-
Nested item
-
Another nested item
-
Deeply nested item
-
-
-
Third item
Nummerierte Listen
-
First numbered item
-
Second numbered item
-
Nested numbered item
-
Yet another nested numbered item
-
Another nested item
-
-
Another nested item
-
-
Third numbered item
Mixed Content Lists
-
First item with bold and italic text
-
Second item with
codeand a link AsciiDoctor -
Third long item with a footnote1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Fourth item
Checkliste
-
✓ Completed task
-
✓ Another completed task
-
❏ Incomplete task
-
❏ Another incomplete task
4. Links, Querverweise und Fussnoten
4.1. Links
4.1.1. Einfache Links
-
Link ohne Text: asciidoctor.org
-
Link mit Text: AsciiDoctor
-
Link mit formatiertem Text, öffnet in neuem Tab: AsciiDoctor Documentation
-
Kurzform für obigen Link mit
^am Schluss: AsciiDoctor Documentation -
Email Link: Email VLS
4.1.2. Links mit Vorschaufenster
-
Link mit Text und Vorschaufenster: AsciiDoctor
-
Link innerhalb Dokument hat automatisch Vorschaufenster: Formatierung von Abschnitten (mit Icon ↑ oder ↓, abhängig von Position der Referenz im Dokument)
-
Link in der selben Domain hat Site-Icon und Vorschaufenster: Beschaffung
4.1.3. Annotierte Links (TODO)
Annotierte Links sind Links mit Annotationen, d.h. Bemerkungen, Erklärungen, Hinweise, etc.
Der Effekt ist, das beim Klick auf den Link zuerst die Annotation in einem Vorschaufenster angezeigt wird, und erst dort dann der Link geöffnet werden kann (durch einen weiteren Klick im Vorschaufenster).
4.2. Querverweise im Dokument
Es gibt verschiedene Möglichkeiten, den Text des Querverweises zu definieren:
-
Standardformatierung gemäss Einstellung im Dokumentkopf (
:xrefstyle:): Ziffer 1.1. Abschnittsformatierung. -
der referenzierte Abschnitt definiert den Titel für Querverweise in seinem Abschnittskopf: Table of Contents.
-
lokal definierter Text auf dem Querverweis: hier gehts zur Abschnittsnumerierung.
Falls im Dokumentkopf die automatische Generierung von Abschnitts-IDs aktiviert ist (:sectids:), können auch diese Abschnitts-Ids für Querverweise verwendet werden: #_inline_formatierung.
Bei internen Querverweisen wird beim Maus-Hover standardmässig der Inhalt des referenzierten Abschnitt in einem Vorschaufenster dargestellt. Dabei funktionieren natürlich auch Querverweise auf Abschnitte die erst später im Dokument definiert werden.
4.3. Fussnoten
Verschiedene Varianten von Fussnoten: Standardfall mit kurzen Fussnoten2, direkt im Text3 definiert.
Hier kommt ein Verweis auf eine seeeeeehr lange Fussnote4, die weiter oben im Text mit Blockinhalt definiert wurde.
Eine benannte Fussnote direkt im Satz liefert weitere Details zur Beschaffung5. Später im Text kann derselbe Hinweis5 nochmals zitiert werden, ohne den Inhalt zu wiederholen. Und falls die Erinnerung ein drittes Mal nötig ist, funktioniert auch das problemlos5.
5. Bilder
5.1. Standard (schmales Bild)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Sunset
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
5.2. Standard (breites Bild)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Maldives
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
5.3. Volle Inhaltsbreite
Abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc
Mit width-content kann ein Bild6 auf die Breite des Inhalts gestreckt werden. Der Inhalt entspricht dem Text sowie linke und rechte Randbemerkungen wenn diese vorhanden sind.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Malediven Panorama
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
5.4. Volle Seitenbreite
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Malediven Panorama
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
5.5. Halbe Seitenbreite (width-semi)
Mit width-semi kann ein Bild auf die halbe Breite der linken Randbemerkung bis zur halben Breite der rechten Randbemerkung gestreckt werden. Dies ist eine Zwischenstufe zwischen normaler Breite und width-content.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Malediven Panorama
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
5.6. Bild mit Dimensionierung
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
5.7. SVG
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
SVG mit expliziten Dimensionen
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
5.8. Float Left / Right

Links floatender Sonnenuntergang
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Rechts floatender Sonnenuntergang
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
6. iFrames
iFrames können verwendet werden, um externe Inhalte einzubetten. Die Syntax ist ähnlich wie bei Links.
6.1. Einfaches iFrame (width-content)
Margin note Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
6.2. iFrame mit width-semi
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
6.3. iFrame mit Titel (width-full)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Blivio Prozess 2.6 - Auswahlverfahren und Beschaffung
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
7. Block Quotes
7.1. Einfache Blockquote
The only way to do great work is to love what you do.
7.2. Blockquotes mit formatiertem Inhalt
Auch Randbemerkungen funktionieren innerhalb von Blockquotes! What’s new?
I’ve got Markdown in my AsciiDoc!
Like what?
Blockquotes
Headings
Fenced code blocksIs there more?
Yep. AsciiDoc and Markdown share a lot of common syntax already.
7.3. Geschachtelte Blockquotes
Allerdings funktionieren damit Randbemerkungen nicht.
Blockquotes können auch geschachtelt werden mit der Markdown >-Schreibweise.
With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.
With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.
With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.
With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.
With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.
With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.
7.4. "Floated" Blockquotes
Blockquotes können im Fliesstext "floated" werden, d.h. innerhalb des Textes links oder rechts positioniert werden.
With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear?
Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs blow, vexing daft Jim. Two driven jocks help fax my big quiz. The jay, pig, fox, zebra and my wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV quiz game.
With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear?
By Jove, my quick study of lexicography won a prize! Waxy and quivering, jocks fumble the pizza. Fetching killjoy Mavis Wax was probed on the quay. “Yo, never mix Zoloft with Quik”, gabs Doc Jasper. One zany quaff is vodka mixed with grape juice and blood. Zitty Vicki smugly quipped in her journal, “Fay waxes her butt.” Hot Wendy gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy moxie quashed Bob’s new Liszt fugue. I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy Bangkok panjandrums fix elections with quivering zeal.
7.5. Epigraphen
Einfacher Epigraph durch Anführungszeichen und Attribution:
I hold it that a little rebellion now and then is a good thing, and as necessary in the political world as storms in the physical.
— Thomas Jefferson, Papers of Thomas Jefferson: Volume 11
Expliziter Epigraph mit einfacher Attribution im Titel:
I hold it that a little rebellion now and then is a good thing, and as necessary in the political world as storms in the physical.
— Thomas Jefferson, Papers of Thomas Jefferson: Volume 11
Expliziter Epigraph mit Attribution via eigener Abschnitt, kann komplexe Formatierungen enthalten:
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Cicero (§1.10.32 of De finibus bonorum et malorum, 45 BC)
The possibilities of developing an atomic weapon and the desirability of doing it secretly were discussed at a Princeton University conference in which I participated in March 193986ya… Bohr said this rare variety could not be separated from common uranium except by turning the country into a gigantic factory. Bohr was worried that this could be done and that an atomic bomb could be developed—but he hoped that neither could be accomplished. Years later, when Bohr came to Los Alamos, I was prepared to say, “You see . . .” But before I could open my mouth, he said: “You see, I told you it couldn’t be done without turning the whole country into a factory. You have done just that.”
Auch Epigraphen können im Fliesstext "floated" werden, d.h. innerhalb des Textes links oder rechts positioniert werden.
I hold it that a little rebellion now and then is a good thing, and as necessary in the political world as storms in the physical.
— Thomas Jefferson, Papers of Thomas Jefferson: Volume 11
Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs blow, vexing daft Jim. Two driven jocks help fax my big quiz. The jay, pig, fox, zebra and my wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV quiz game.
I hold it that a little rebellion now and then is a good thing, and as necessary in the political world as storms in the physical.
— Thomas Jefferson, Papers of Thomas Jefferson: Volume 11
By Jove, my quick study of lexicography won a prize! Waxy and quivering, jocks fumble the pizza. Fetching killjoy Mavis Wax was probed on the quay. “Yo, never mix Zoloft with Quik”, gabs Doc Jasper. One zany quaff is vodka mixed with grape juice and blood. Zitty Vicki smugly quipped in her journal, “Fay waxes her butt.” Hot Wendy gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy moxie quashed Bob’s new Liszt fugue. I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy Bangkok panjandrums fix elections with quivering zeal.
7.6. Verse
The fog comes
on little cat feet.
It sits looking
over harbor and city
on silent haunches
and then moves on.
The fog comes
on little cat feet.
It sits looking
over harbor and city
on silent haunches
and then moves on.— Carl Sandburg, Fog
Auch Verse können im Fliesstext "floated" werden, d.h. innerhalb des Textes links oder rechts positioniert werden.
The fog comes
on little cat feet.
It sits looking
over harbor and city
on silent haunches
and then moves on.
Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs blow, vexing daft Jim. Two driven jocks help fax my big quiz. The jay, pig, fox, zebra and my wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV quiz game.
The fog comes
on little cat feet.
It sits looking
over harbor and city
on silent haunches
and then moves on.
By Jove, my quick study of lexicography won a prize! Waxy and quivering, jocks fumble the pizza. Fetching killjoy Mavis Wax was probed on the quay. “Yo, never mix Zoloft with Quik”, gabs Doc Jasper. One zany quaff is vodka mixed with grape juice and blood. Zitty Vicki smugly quipped in her journal, “Fay waxes her butt.” Hot Wendy gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy moxie quashed Bob’s new Liszt fugue. I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy Bangkok panjandrums fix elections with quivering zeal.
8. Tabellen
8.1. Unterstützte Features
8.1.1. Basic table
A |
B |
C |
|---|---|---|
1 |
2 |
3 |
8.1.2. Inline and AsciiDoc formatted headers and cells
Normal |
Header with bold |
Header with italic |
AsciiDoc |
Literal |
|---|---|---|---|---|
Plain text |
Cell with bold text |
Cell with italic and |
AsciiDoc cell with:
|
This is literal text with preserved whitespace |
8.1.3. Cell Types with Horizontal Alignment
Table demonstrating all cell types combined with horizontal alignment options.
Cell Type |
No align |
Left |
Center |
Right |
|---|---|---|---|---|
Default |
Default text |
Left aligned |
Center aligned |
Right aligned |
Header |
Header text |
Left header |
Center header |
Right header |
Emphasis |
Emphasized text |
Left emphasis |
Center emphasis |
Right emphasis |
Strong |
Strong text |
Left strong |
Center strong |
Right strong |
Monospace |
|
|
|
|
Literal |
Literal text |
Left literal |
Center literal |
Right literal |
AsciiDoc |
AsciiDoc text |
Left AsciiDoc |
Center AsciiDoc |
Right AsciiDoc |
8.1.4. colspan and rowspan.
A |
B |
C |
|---|---|---|
Spans 2 cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols |
Single |
|
Spans 2 rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows |
D |
E |
F |
G |
|
8.1.5. colspan and rowspan in header row.
Verfahren |
Vor-, Nachteile und Eignung der Verfahren |
||
|---|---|---|---|
Vorteile |
Nachteile |
geeignet wenn: |
|
offenes Verfahren |
|
|
|
Note: Cells with colspan get their width calculated as the sum of all spanned columns (e.g., 3+ spanning 3 × 25% columns = 75%). All cells in all rows receive width attributes, ensuring consistent column sizing even with complex rowspan/colspan patterns.
8.1.6. Autowidth tables.
Tables with %autowidth fit to their content. No percentage widths are applied to cells.
Verfahren |
Vor-, Nachteile und Eignung der Verfahren |
||
|---|---|---|---|
Vorteile |
Nachteile |
geeignet wenn: |
|
offenes Verfahren |
|
|
|
8.1.7. Caption, roles, column alignments.
Left-Bottom |
Center-Center |
Right-Top |
Large Text |
|---|---|---|---|
Left aligned, bottom |
Center aligned, center |
Right aligned, top |
1 |
This is a table with a cell alignment override.
Left-Bottom |
Center-Center |
Right-Top |
Large Text |
|---|---|---|---|
Override to left-top |
Inherits column alignment |
Override to right-bottom |
This is a large piece of text that spans multiple lines to demonstrate that vertical alignment actually works. When the text is tall enough, you can see how the other cells align vertically within the row. |
This table only has cell alignment.
Left-Bottom |
Center-Center |
Right-Top |
Large Text |
|---|---|---|---|
Override to right-center |
Standard alignment left-top |
Override to right-bottom |
This is a large piece of text that spans multiple lines to demonstrate that vertical alignment actually works. When the text is tall enough, you can see how the other cells align vertically within the row. |
8.1.8. Content-width table
H1 |
H2 |
H3 |
|---|---|---|
C1 |
C2 |
C3 |
R1 |
R2 |
R3 |
R4 |
R5 |
R6 |
8.1.9. Full-width table
H1 |
H2 |
H3 |
|---|---|---|
C1 |
C2 |
C3 |
R1 |
R2 |
R3 |
R4 |
R5 |
R6 |
8.1.10. Floating tables
Auch Verse können im Fliesstext "floated" werden, d.h. innerhalb des Textes links oder rechts positioniert werden.
Foo |
Bar |
Baz |
Content |
More content |
Even more content |
Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs blow, vexing daft Jim. Two driven jocks help fax my big quiz. The jay, pig, fox, zebra and my wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV quiz game.
Foo |
Bar |
Baz |
Content |
More content |
Even more content |
By Jove, my quick study of lexicography won a prize! Waxy and quivering, jocks fumble the pizza. Fetching killjoy Mavis Wax was probed on the quay. “Yo, never mix Zoloft with Quik”, gabs Doc Jasper. One zany quaff is vodka mixed with grape juice and blood. Zitty Vicki smugly quipped in her journal, “Fay waxes her butt.” Hot Wendy gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy moxie quashed Bob’s new Liszt fugue. I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy Bangkok panjandrums fix elections with quivering zeal.
8.1.11. (Noch) nicht unterstützte Features
This is a table with a width attribute set to 50%.
Header |
|---|
Content |
9. Einklappbare Blöcke
9.1. Einfache eingeklappte Abschnitte
This content is hidden by default.
Click the title to reveal it.
This content is hidden by default.
Click the title to reveal it.
9.2. Eingeklapptes Kapitel
Bei eingeklappten Kapiteln kann ein Abschnitt im Kapitel eine spezielle Markierung erhalten, so das er als sichtbare Zusammenfassung des ansonsten eingeklappten Abschnitts fungiert.
Section showing how parts of pages can be ‘collapsed’ and expanded by the user on request to go into more depth, such as to look at a codeblock.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
This is a short paragraph. It has a collapse wrapper, but it should not collapse, as that doesn’t save any space, and it looks distracting.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Cicero (§1.10.32 of De finibus bonorum et malorum, 45 BC)
Foo |
Bar |
Baz |
1 |
2 |
3 |
module Main where
main :: IO ()
main = print "Hello World!"
This margin note should be invisible until the corresponding text has been uncollapsed. Blockquote within collapsed section:
Blockquote.
Test sequences of figures in collapsed sections:

GPT-3: not even that much compute—3640 petaflop/s-day, only 2× their estimate for AlphaGo Zero, 1860165ya. (Historical graph modified by myself from “AI and Compute”, Amodei et al 2018.)

Second image in a row.

Color photograph: Weird Al Yankovic with 232 fans on 2020-01-18
Test collapsed regions within collapsed sections:
This margin note should be invisible until the corresponding text has been uncollapsed. Collapse within collapse: At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Margin note 7. This margin note should be invisible until the corresponding text has been uncollapsed. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.9
Test collapsed non-section regions with abstract-collapses (but not abstracts in general):
The first sentence at the beginning is the abstract.
The second sentence.
The third sentence.
The fourth and final sentence.
The first sentence.
The second sentence is the abstract now.
The third sentence.
The fourth and final sentence.
The first sentence.
The second sentence.
The third sentence is the abstract now.
The fourth and final sentence.
9.3. Einklappbarer Abschnitt mit Code
Error: Content repository not found (url: https://git.example.org/repo.git)
at transformGitCloneError
at git.clone.then.then.catch
Caused by: HttpError: HTTP Error: 401 HTTP Basic: Access Denied
at GitCredentialManagerStore.rejected
at fill.then
10. Hinweise
10.1. Einfache Hinweise
Dies ist ein Tipp. Nutze ihn für hilfreiche Vorschläge.
Dies ist eine Notiz. Nutze sie für allgemeine Informationen.
Dies ist ein Warnhinweis. Nutze ihn für vorsichtige Informationen.
10.2. Hinweise mit komplexem Inhalt
Tip Titel
Tip.
Auch Hinweise können Randbemerkungen enthalten.
Inline formatting: Italics. Bold. Bold italics. Code. Code link. Smallcaps.10 Span. Internal link. External link. Superscript1. Subscript2. • Interpunct separation. • Strikethrough.
Tip ohne Titel.
Inline formatting: Italics. Bold. Bold italics. Code. Code link. Smallcaps.11 Span. Internal link. External link. Superscript1. Subscript2. • Interpunct separation. • Strikethrough.
Tip ohne Titel.
Notiz Titel
Note.
Did you know that the "Slender Man" copypasta contributed to an attempted murder? Code link.
Notiz ohne Titel.
Did you know that the "Slender Man" copypasta contributed to an attempted murder? Code link.
Notiz ohne Titel. When you stand up and feel like you are about faint, that’s due to orthostatic hypotension Code link.
Warnhinweis Titel
Warning. For background on admonitions, see Markdeep. Bored? Look at images generated by DALL·E 1. Code link.
Warnhinweis ohne Titel.
In the Parker-Hulme murder case, they dreamed of running away to a fantasy kingdom after murdering her mother. Code link.
Warnhinweis ohne Titel.
11. Code Blocks
11.1. Literal Blocks
This is a literal block.
All formatting is preserved exactly as written.
Indentation is maintained.
Special characters like < > & are not escaped.
11.2. Listing Blocks
This is a listing block.
Similar to literal blocks but typically used for code.
11.3. Code with no Syntax Highlighting
module Main where
main :: IO ()
main = print "Hello World!"
11.4. Code with Syntax Highlighting
-- Hello world example:
module Main where
data = ()
type = String
year = 2020 / 1.0 * 1
studio = 10 + 10.0 + 10e0 + 0o10 + 0x10 -- → 54
main :: IO ()
main = print "Hello World!"
function greet(name) {
console.log(`Hello, ${name}!`);
return `Hello, ${name}!`;
}
greet('AsciiDoctor');
def fibonacci(n):
"""Calculate Fibonacci number."""
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
print(fibonacci(10))
require 'sinatra'
get '/hi' do
"Hello World!"
end
11.5. Code Blocks with Callouts (todo)
public class HelloWorld {
public static void main(String[] args) { <1>
System.out.println("Hello, World!"); <2>
}
}
-
Main method entry point
-
Print statement
12. Special Blocks
12.1. Horizontal Ruler
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
12.2. Open Blocks
This is an open block.
It can contain any content and is useful for custom formatting.
12.4. Example Blocks (nyi)
This is an example block.
It’s useful for demonstrating concepts or providing examples.
13. Advanced Features
13.1. IDs and Roles
This paragraph has a custom ID and class.
13.2. Custom Roles
This text is highlighted in red (if CSS supports it).
This is an important note with custom styling.
13.3. Attributes
This document is version 2.0, released on 2024-01-01.
13.4. Passthrough Blocks
13.6. Bibliography (todo)
The AsciiDoctor documentation[AsciiDoctor Docs] provides comprehensive information.
13.7. Page Breaks (nyi)
This content appears on a new page (if supported by the backend).
13.8. Icons (nyi)
heart
check square o
warning
13.9. Keyboard Shortcuts (nyi)
Press kbd:[Ctrl+C] to copy.
Press kbd:[Ctrl+Shift+P] for command palette.
13.12. "Description Lists" (nyi)
Horizontale Beschreibungsliste:
| CPU |
The brain of the computer. |
| Hard drive |
Permanent storage for operating system and/or user files. |
| RAM |
Temporarily stores information the CPU uses during operation. |
Vertical description list:
- boolean
-
use true and false, not 1 and 0 or T and F
- number
-
use Arabic numerals without punctuation (other than the decimal point to make a floating point number)
- enumerated value
-
use only one of the allowed values, respecting case
14. Math (nyi)
14.1. Inline Math
The quadratic formula is \$x = (-b ± sqrt(b^2-4ac))/(2a)\$.
14.2. Block Math
(end with a paragraph to calc the right bsm on the footnotes section)
- This is a footnote ↩
- Eine kurze Fussnote. ↩
- Eine weitere nicht ganz so, aber im Gesamten doch wieder kurze Fussnote. ↩
-
Dies ist eine lange und mit vollem Funktionsumfang von gwernity gestaltete Fussnote. Haben wir es schon erwähnt: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Listen
-
Causa prima: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
Causa secunda: Pellentesque habitant morbi tristique senectus et netus.
def schattenhaushalt(anteil: float) -> str: """Mini-Beispiel in einer Fussnote.""" return f"Anteil der Nebenkosten: {anteil:.2%}" print(schattenhaushalt(0.173))Auch in der Fussnote dürfen Hinweisboxen vorkommen, z.B. um eine wichtige Formel hervorzuheben.
Per aspera ad astra – auch am Seitenrand.
— Marcus Aurelius, Marcus Aurelius
↩Mini-Liste als Fazit-
Marginalie prüfen
-
Quellen im Anhang erfassen
-
- Diese benannte Fussnote erläutert auf Deutsch, dass der Leitfaden Beschaffung A bei VLS einzusehen ist und dass zusätzliche Lorem-Abschnitte in Kapitel IV zu finden sind. ↩
- Abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc ↩
-
pg210–211, “The Quiet Enemy”, The Legacy of Hiroshima, 1962
↩ -
Lange Fussnoten werden auf der Seite automatisch ausgerichtet und gekürzt, falls nötig.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
↩ - another footnote ↩
- Footnote inside admonition. ↩
- Footnote inside admonition. ↩
13.5. Comments