Teksteditor

Kop, alinea en tekst

Dit artikel legt uit hoe je de teksteditor in de Design Builder gebruikt om koppen, alinea's en andere tekstelementen aan te passen.

Achtergrondkleur

Stel een achtergrondkleur in voor het hele tekstveld. Dit kan worden gebruikt in combinatie met tekstkleur en achtergrond op de tekst zelf om de gewenste uitdrukking te creëren.

Rich Text (Teksteditor)

De teksteditor is een krachtige tool met verschillende opties voor zowel stijl als uiterlijk, maar ook de mogelijkheid om je eigen HTML (source) te schrijven. Markeer eerst de tekst die je wilt wijzigen en gebruik vervolgens een van de onderstaande functies.

Zie de beschrijving van elke functie hieronder, van links naar rechts.

Source (HTML): Wordt gebruikt om de broncode aan te passen. De knop opent een nieuw venster met een code-editor waar je bestaande HTML kunt wijzigen of je eigen code kunt schrijven. Dit wordt alleen aanbevolen als je bekend bent met HTML.

Lettergrootte: Pas de grootte van de tekst aan via vaste formaten. Als je een formaat wilt gebruiken dat niet beschikbaar is via het dropdown menu, moet je de HTML zelf aanpassen om het gewenste formaat in te voegen.

Teksttype: Kies tussen paragraph (normale tekst) en verschillende soorten titels (koppen). Titels zijn gebaseerd op de lay-out in de thema-instellingen voor lettertypen.

Meer: Klik op het menu om meer opties te openen:

Tekstkleur: Wijzig de kleur van de gemarkeerde tekst
Achtergrondkleur: Wijzig de achtergrondkleur voor de gemarkeerde tekst
Vet
Cursief
Onderstrepen
Link: Voeg een link toe aan de gemarkeerde tekst

Teksttransformatie

Je kan instellen dat je de tekst in volgende mogelijkheden wilt zien:

CAPITALIZE (eerste letter hoofdletter)
UPPERCASE (alle letters hoofdletters)
LOWERCASE (alle letters kleine letters)
Geen
INHERIT

Grootte aanpassen (REM)

Pas de regelhoogte voor de tekst in de teksteditor aan.

Afgeronde hoeken (Pixel)

Pas de radius van de hoeken aan om het blok meer/minder afgerond te maken.

Geavanceerde instellingen

Aangepaste klassen

Met aangepaste klassen kun je het blok een eigen CSS-klasse geven. Deze kan vervolgens in aangepaste CSS worden gebruikt om je eigen code te schrijven die het uiterlijk verandert.

Gerelateerde artikelen:

CSS & JavaScript

Marge en Padding

Pas de marge en padding voor verschillende eenheden aan.