Inhaltsverzeichnis hinzufügen

Inhaltsverzeichnis hinzufügen

Im Folgenden wird beschrieben, wie aus den Inhalten des Hauptteils ein Inhaltsverzeichnis erstellt werden kann. Das Inhaltsverzeichnis soll nach dem Header angezeigt werden.

Beispiel Teil 1: Automatisches Inhaltsverzeichnis hinzufügen
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Mein Template</title>
  5.     <meta charset="UTF-8">
  6. </head>
  7. <body>
  8. [CONTAINER name='header' label='Header']...[/CONTAINER]

  10. [INDEX name='index' container='main' type='div']
  11. [TOP]
  12. <table cellspacing="0" cellpadding="0" width="640" align="center">
  13.   <tr>
  14.     <td><b>Inhaltsverzeichnis</b><br />
  15. [/TOP]
  16. [BOTTOM]
  17.     </td>
  18.   </tr>
  19. </table>
  20. [/BOTTOM]
  21. [INDEXITEM type='ul']
  22.   <li>[INDEXITEMANCHOR type='a' attributes=''][INDEXITEMNAME /][/INDEXITEMANCHOR]</li>
  23. [/INDEXITEM]
  24. [/INDEX]
Damit die Elemente im Container name='main' in das Inhaltsverzeichnis aufgenommen werden können, müssen diese erweitert werden.

Variante 1: Anchor-Tag
Variante 2: index-Attribut am Input
Variante 1: Anchor-Tag
Dem gewünschten Element ein [ANCHOR /]-Tag hinzufügen. Die Sprungmarke wird an dieser Stelle eingefügt.

Beispiel Teil 2: Element erweitern (Variante 1)
  1. [CONTAINER name='main' label='Hauptteil']
  2.   [BETWEEN]<br /><br />[/BETWEEN]

  4.   [ELEMENT name='article' label='Artikel - Text mit Headline' default='true']
  5.   <table cellspacing="0" cellpadding="0" width="640" align="center">
  6.     <tr>
  7.       <td>
  8.         [ANCHOR /]
  9.         [INPUT name='headline' label='Headline' type='h1' rows='2' default='Headline']
  10.         [INPUT name='text' label='Text' type='p' rows='8' default='Das ist der Artikeltext.']
  11.       </td>
  12.     </tr>
  13.   </table>            
  14.   [/ELEMENT]
  15. [/CONTAINER]

  17. [CONTAINER name='footer' label='Footer']...[/CONTAINER]
  18. </body>
  19. </html>
In den Element-Einstellungen ist ein neuer Input "Inhaltsverzeichnis" hinzugefügt. Mittels dieses Eingabefeldes kann individuell entschieden werden, ob der Artikel in das Inhaltsverzeichnis aufgenommen werden soll und wie der Eintrag dort lautet.

Container

Wird dieser befüllt, erscheint der entsprechende Ankerlink im Inhaltsverzeichnis.
Variante 2: index-Attribut am Input
An einem Input das Attribut index='true' ergänzen. In der Regel wird dafür die Hauptüberschrift genutzt. Bei dieser Variante wird der Inhaltsverzeichnis-Eintrag immer erstellt, wenn der Headline-Input befüllt ist.

Beispiel Teil 2: Element erweitern (Variante 2)
  1. [CONTAINER name='main' label='Hauptteil']
  2.   [BETWEEN]<br /><br />[/BETWEEN]

  4.   [ELEMENT name='article' label='Artikel - Text mit Headline' default='true']
  5.   <table cellspacing="0" cellpadding="0" width="640" align="center">
  6.     <tr>
  7.       <td>
  8.         [INPUT name='headline' label='Headline' type='h1' rows='2' default='Headline' index='true']
  9.         [INPUT name='text' label='Text' type='p' rows='8' default='Das ist der Artikeltext.']
  10.       </td>
  11.     </tr>
  12.   </table>            
  13.   [/ELEMENT]
  14. [/CONTAINER]

  16. [CONTAINER name='footer' label='Footer']...[/CONTAINER]
  17. </body>
  18. </html>