Tags om tekst te wijzigen

Let op: Deze tags hebben geen betrekking op de drag & drop-editor.

Enkele regel <lp-singleline>

Te gebruiken wanneer je een kleiner stukje tekst wijzigbaar wil maken; meestal zal het om een kop of een onderschrift gaan. Tekst binnen de tags wordt als standaardwaarde in de editor getoond. 
Bij het vullen van het sjabloon kan een link achter de tekst worden geplaatst. Het is mogelijk de tags al in de html op te nemen in een link, die vervolgens als standaardwaarde in de editor zal worden gebruikt.

Bij het vullen van de singleline krijgt de gebruiker de mogelijkheid om de tekst uit te lijnen. Verder zijn er (bewust) geen aanpassingen aan de vormgeving mogelijk.

Opties

lp-label  
De waarde van dit attribuut wordt in de editor getoond boven het tekstveld waarmee de inhoud van de regel te wijzigen is.
lp-disable-href  
Gewoonlijk kan er een link van de regel worden gemaakt, maar met dit attribuut wordt dat onmogelijk. Als er in het sjabloon al een link om de regel stond is deze niet meer aan te passen.
lp-toc  
Hiermee wordt aangegeven of deze singleline (en alle instanties ervan als de singleline binnen een repeater staat) standaard in de inhoudsopgave terecht moet komen. (Zie eventueel de link naar de inhoudsopgave hieronder).

Bij het vullen van de nieuwsbrief kan de gebruiker aangeven of de bewuste singleline wel of niet in de inhoudsopgave getoond wordt.

lp-disable-align

De gebruiker kan de uitlijning van een singleline aanpassen (links, rechts, midden). Als dat niet gewenst is kun je dit attribuut toevoegen.

lp-toolbar

De gebruiker kan de uitlijning van een singleline aanpassen naar links, rechts en midden. Met dit attribuut kun je dit beperken, bijvoorbeeld alleen links en rechts: lp-toolbar="alignLeft,alignRight"

De mogelijkheden zijn: alignLeft, alignRight, alignCenter. (Eén keuze is niet zinvol en alle drie is hetzelfde als het attribuut weglaten).

Voorbeelden

Met de mogelijkheid er een link van te maken:

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

Met link, die niet aanpasbaar is (let op, de a tags moeten erbuiten staan):
<a href="http://example.net"><lp-singleline lp-label="Kop boven nieuwsbrief" lp-disable-href>Het laatste nieuws</lp-singleline></a>  

Tekstveld <lp-multiline>

Kies hiervoor als je meerdere regels tekst wil laten invoeren, bijvoorbeeld een alinea. Bij het aanklikken van dit onderdeel zal een editor verschijnen waarmee de tekst kan worden opgemaakt en waarmee links, relatievariabelen, social media, etc. kunnen worden ingevoegd. Tekst binnen de tags wordt als standaardwaarde getoond.
Het is ook mogelijk een afbeelding binnen een multiline op te nemen. De tekst zal dan om de afbeelding heen lopen en bij het bewerken kan de afbeelding naar keuze links of rechts geplaatst worden, of over de volle breedte van het tekstveld. Zie voor meer informatie de tekst hieronder bij 'Afbeeldingen binnen een tekstveld'.

Opties

lp-label  
De waarde van dit attribuut wordt getoond boven de editor waarmee de inhoud van het tekstveld te wijzigen is.
lp-toolbar

Standaard heeft de toolbar de volgende knoppen:

Waarde Knop
bold bold
italic italic
strike strikethrough
link link
bulletList unordered list
orderedList ordered list
heading2 heading 2
heading3 heading 3
alignLeft align left
alignCenter align center
alignRight align right
separator scheidingslijntje

Het is mogelijk aan te geven welke knoppen zichtbaar moeten zijn, bijvoorbeeld:

lp-toolbar="bold,italic,separator,heading1,heading2,heading3"

Voorbeeld

<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>  
Heeft dit je verder geholpen? Bedankt voor je feedback Er is iets misgegaan met het doorgeven van je feedback, probeer het opnieuw!

Gerelateerde informatie