> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.laposta.org/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.laposta.org/_mcp/server.

# Een automatische inhoudsopgave maken met sjabloontags

> Met de tag lp-toc maak je in een eigen HTML-sjabloon automatisch een inhoudsopgave met links naar de koppen in je nieuwsbrief.

In een zelfgemaakt HTML-sjabloon kun je aangeven welke koppen in de inhoudsopgave moeten komen. Laposta stelt de lijst met verwijzingen naar de artikelen dan automatisch samen zodra je de nieuwsbrief vult.

> **Note**
>
> Deze tags gelden alleen voor een geïmporteerd HTML-sjabloon. Werk je in de drag & drop-editor, gebruik dan het blok ‘Inhoud’: zie [Interne links plaatsen voor een inhoudsopgave in je nieuwsbrief](/kan-ik-interne-links-plaatsen-in-mijn-nieuwsbrief-bijvoorbeeld-voor-een-inhoudsopgave).

## De inhoudsopgave plaatsen met `<lp-toc>`

Zet de tag `<lp-toc>` op de plek waar de inhoudsopgave moet komen. Daar verschijnt een lijst met interne links naar de inhoud die lager in de nieuwsbrief staat.

```html
<lp-toc>
```

De lijst wordt opgebouwd als een `<table>`, omdat verschillende mailprogramma's dat beter weergeven. De `<td>` met de link krijgt de class `lp-toc-link` mee, de `<td>` met de bullet de class `lp-toc-bullet`.

## Koppen aanwijzen met het attribuut `lp-toc`

In de inhoudsopgave kun je alleen de tekst van singleline-elementen gebruiken. Voeg `lp-toc` toe aan een [singleline](/tags-om-tekst-te-wijzigen) om die kop op te nemen:

```html
<lp-singleline lp-label="Kop boven artikel" lp-toc>Kop boven artikel</lp-singleline>
```

Staat de singleline binnen een [repeater](/tags-om-blokken-te-herhalen), dan komen alle singlelines die je daarin aanmaakt in de inhoudsopgave terecht.

Wil je meerdere groepen singlelines opnemen, bijvoorbeeld de koppen uit het hoofdvak en uit een zijkolom? Geef het attribuut dan een getal mee. De koppen verschijnen op volgorde van die getallen.

```html
<lp-singleline lp-label="Kop boven artikel" lp-toc="1">Kop in hoofdvak</lp-singleline>
<lp-singleline lp-label="Kop boven artikel" lp-toc="2">Kop in kolom</lp-singleline>
```

Bij het vullen van de nieuwsbrief kun je per kop nog aangeven of die wel of niet in de inhoudsopgave komt.

## De bullet aanpassen

Standaard staat voor elk item de HTML-code `&bull;`. Met deze attributen voor `<lp-toc>` kun je de bullet en de witruimte aanpassen:

**`lp-bullet`**

Een eigen bullet. Dit kan tekst zijn (bijvoorbeeld `*` of `&#8227;`), maar ook de url van een afbeelding. Laposta importeert en host die afbeelding.

---

**`lp-bullet-padding-left`**

Getal voor de padding in pixels aan de linkerkant.

---

**`lp-bullet-padding-right`**

Getal voor de padding in pixels aan de rechterkant.

---

**`lp-bullet-width`**

Gebruik je een afbeelding als bullet, geef dan hiermee de breedte op (als `width`-attribuut). Zo kun je een afbeelding met een hogere resolutie gebruiken.

---

Een inhoudsopgave met een eigen bullet en ruimte aan beide kanten ziet er zo uit:

```html
<lp-toc lp-bullet="./images/bullet.gif" lp-bullet-padding-right="10" lp-bullet-padding-left="30">
```

## Gerelateerde artikelen

#### [Tekst wijzigbaar maken met sjabloontags](/tags-om-tekst-te-wijzigen)

Maak losse tekstregels en langere tekstblokken bewerkbaar in een eigen HTML-sjabloon.

#### [Een RSS-feed inladen met sjabloontags](/tags-om-een-rss-of-atom-feed-te-importeren)

Haal artikelen van je website automatisch op in een eigen HTML-sjabloon, zodat je ze…

#### [Een inhoudsopgave met interne links maken](/kan-ik-interne-links-plaatsen-in-mijn-nieuwsbrief-bijvoorbeeld-voor-een-inhoudsopgave)

Plaats automatisch een inhoudsopgave met het blok Inhoud of maak zelf ankerlinks naar…

#### [Waarom kun je beter geen tabel in je nieuwsbrief zetten?](/ik-heb-een-tabel-geplaatst-die-niet-goed-wordt-getoond-hoe-kan-ik-dit-oplossen)

Maak een agenda of overzicht met een opsomming of het blok Kolommen, zodat je…