Skip to navigation

Tekst wijzigbaar maken met sjabloontags

In een zelfgemaakt HTML-sjabloon kun je met tags aangeven welke onderdelen bij het maken van een campagne gewijzigd mogen worden. Voor tekst gebruik je <lp-singleline> voor een losse regel en <lp-multiline> voor een blok van meerdere regels. De tekst die je tussen de tags zet, verschijnt in de editor als standaardwaarde.

Deze tags gelden alleen voor een geïmporteerd HTML-sjabloon, niet voor de drag & drop-editor. Hoe je zo’n sjabloon importeert, lees je in Eigen HTML-sjabloon importeren.

Een losse regel met <lp-singleline>

Gebruik <lp-singleline> om een kort stukje tekst wijzigbaar te maken, zoals een kop of een onderschrift.

Bij het vullen van het sjabloon kan de redacteur een link achter de tekst plaatsen en de uitlijning (links, rechts of midden) aanpassen. Staat de tag in je HTML al binnen een link, dan gebruikt de editor die link als standaardwaarde. Verder zijn er bewust geen aanpassingen aan de vormgeving mogelijk.

Opties

Met vijf attributen kun je bepalen wat de redacteur met de regel kan doen.

lp-label

Toont de waarde van dit attribuut in de editor boven het tekstveld.

lp-disable-href

Schakelt de mogelijkheid uit om een link van de regel te maken. Stond er in het sjabloon al een link om de regel, dan kan die niet meer worden aangepast.

lp-toc

Zet deze regel standaard in de inhoudsopgave, inclusief alle herhalingen als de regel binnen een repeater staat. Bij het vullen van de nieuwsbrief kan de redacteur per regel alsnog kiezen of die in de inhoudsopgave komt.

lp-disable-align

Schakelt het aanpassen van de uitlijning uit.

lp-toolbar

Beperkt de keuzes voor het uitlijnen, bijvoorbeeld tot alleen links en rechts: lp-toolbar="alignLeft,alignRight". De mogelijke waarden zijn alignLeft, alignRight en alignCenter. Eén waarde opgeven heeft geen zin, en alle drie opgeven is hetzelfde als het attribuut weglaten.

Voorbeelden

Een kop waar de redacteur in de editor een link van kan maken:

<h2><lp-singleline lp-label="Kop boven nieuwsbrief">Het laatste nieuws</lp-singleline></h2>

Dezelfde kop met een vaste link die niet kan worden aangepast. Let op dat de a-tags buiten de singleline staan:

<a href="http://example.net"><lp-singleline lp-label="Kop boven nieuwsbrief" lp-disable-href>Het laatste nieuws</lp-singleline></a>

Een tekstblok met <lp-multiline>

Gebruik <lp-multiline> voor meerdere regels tekst, zoals een alinea. Klikt de redacteur dit onderdeel aan, dan opent er een editor waarmee die de tekst kan opmaken en links, relatievariabelen, sociale media en meer kan invoegen.

Binnen een multiline kan ook een afbeelding staan. De tekst loopt er dan omheen en bij het bewerken kan de redacteur de afbeelding links, rechts of over de volle breedte plaatsen. Hoe je dat in je sjabloon zet, lees je in Tags om een afbeelding te wijzigen.

Opties

lp-label

Toont de waarde van dit attribuut boven de editor van het tekstveld.

lp-toolbar

Bepaalt welke knoppen de werkbalk van de editor toont. Zonder dit attribuut worden alle twaalf knoppen getoond. Geef je een paar waarden op, dan zijn alleen die knoppen zichtbaar.

Dit zijn de twaalf waarden voor lp-toolbar:

WaardeKnop
boldvet
italiccursief
strikedoorhalen
linklink
bulletListongenummerde lijst
orderedListgenummerde lijst
heading2kop 2
heading3kop 3
alignLeftlinks uitlijnen
alignCentercentreren
alignRightrechts uitlijnen
separatorscheidingslijntje tussen knoppen

Voorbeelden

Een alinea die in de editor onder het label ‘Hoofdalinea’ verschijnt:

<lp-multiline lp-label="Hoofdalinea">Lorem ipsum dolor sit amet, consectetur adipisicing 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.</lp-multiline>

Een werkbalk met alleen vet, cursief, een link en twee koppen, met een scheidingslijntje ertussen:

<lp-multiline lp-label="Hoofdalinea" lp-toolbar="bold,italic,link,separator,heading2,heading3">Lorem ipsum</lp-multiline>

Gerelateerde artikelen