Inhoud bewerken in rijke tekstmodules

Voeg in rich text-modules meerdere soorten inhoud toe, waaronder tekst, afbeeldingen en links. Ontwikkelaars kunnen rich text-modules toevoegen aan op maat gemaakte sjablonen en vervolgens de bewerkingsopties aanpassen.

Voordat u begint

Voordat u inhoud in rich text-modules bewerkt, moet u de vereisten en overwegingen doornemen.

Begrijp de beperkingen en overwegingen

• Sommige functies voor het bewerken van rich text zijn niet beschikbaar in de editor voor kennisbankartikelen.

Tekst opmaken in rich text-modules

1. Navigeer naar uw inhoud:

   • Webpagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
   • Blog: Ga in je HubSpot-account naar Inhoud > Blog.
   • Kennisbank: Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik op de naam van uw inhoud.
3. Klik in de inhoudseditor op eenrich text-module omde rich text-werkbalk boven aan de editor te activeren. U kunt ook op een rich text-module klikken en vervolgens in de zijbalkeditor op Bewerken in uitgebreide weergave klikken.

Let op: afhankelijk van de schermgrootte van uw apparaat kunnen sommige opmaakopties zich in het vervolgkeuzemenu Meer bevinden.

4. Markeer tekst in de rich text-module.
5. Om de relatieve grootte en het belang van de tekst in de content in te stellen, klik je op het vervolgkeuzemenu Stijl en selecteer je een optie (bijvoorbeeld Alinea of Kop 1).
6. Om het lettertype van de tekst in te stellen, klik je op het vervolgkeuzemenu Lettertype en selecteer je een lettertype. Meer informatie over het werken met lettertypen in HubSpot.

7. Om de tekstgrootte in te stellen, klik je op het vervolgkeuzemenu Lettergrootte en selecteer je een lettergrootte in pixels. 

8. Om de tekst vet, cursief of onderstreept te maken, klik je op een stijlicoon (bijvoorbeeld boldIcon vet, italicIcon cursief of underlineIcon onderstreept).
9. Om de kleur van de tekst te wijzigen, klik je op het pictogram tekstkleur en selecteer je een kleur. Om een hex- of RGB-kleurcode te gebruiken of een aangepaste kleur te selecteren, klik je op het tabblad Geavanceerd.

10. Om een achtergrondkleur voor de tekst in te stellen, klikt u op het pictogram achtergrondkleur markeren en selecteert u vervolgens een kleur. Om een hex- of RGB-kleurcode te gebruiken of een aangepaste kleur te selecteren, klikt u op het tabblad Geavanceerd.
11. Om de uitlijning van de tekst te wijzigen, klikt u op het vervolgkeuzemenu alignLeft Align en selecteert u eenpictogram alignCenter uitlijning.

12. Om de tekst toe te voegen aan een lijst met opsommingstekens, klikt u op het vervolgkeuzemenu Meer. Klik vervolgens op hetpictogram bulletList vooreen lijst met opsommingstekens . Om de indeling van de lijst te wijzigen, klikt u op het vervolgkeuzemenu voor lijsten met opsommingstekens en selecteert u een bulletDiamond-indeling.

13. Om de tekst toe te voegen aan een genummerde lijst, klikt u op het vervolgkeuzemenu Meer. Klik vervolgens op hetpictogram nummerlijst. Om de indeling van de lijst te wijzigen, klikt u op het vervolgkeuzemenu genummerde lijst en selecteert u een indeling met lagere letters .
14. Om de regelhoogte van de tekst in te stellen, klikt u op het vervolgkeuzemenuRegelhoogte en selecteert u een hoogte.
15. Om de inspringing van de tekst te vergroten of te verkleinen, klikt u op de pictogrammeninspringing vergroten ofinspringing verkleinen.
16. Om de opmaak van de tekst te verwijderen, klikt u op het pictogram'Opmaak verwijderen '.
17. Om extra opmaak toe te voegen, klikt u op het vervolgkeuzemenu Meer en selecteert u hetpictogram doorhalen,superscript ofsubscript .
18. Om de tekst als code op te maken, klikt u op het vervolgkeuzemenu Meer en selecteert u hetpictogram code code-opmaak .
19. Als u klaar bent, klikt u op Bijwerkenof Publiceren om uw wijzigingen live te zetten.

Elementen toevoegen aan rich text-modules

1. Navigeer naar uw inhoud:

   • Webpagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
   • Blog: Ga in je HubSpot-account naar Inhoud > Blog.
   • Kennisbank: Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik op de naam van uw inhoud.
3. Klik in de inhoudseditor op eenrich text-module omde rich text-werkbalk boven aan de editor te activeren. U kunt ook op een rich text-module klikken en vervolgens in de zijbalkeditor op Bewerken in uitgebreide weergave klikken.
4. Om een link in te voegen, markeer je tekst en klik je vervolgens op het pictogramLink invoegen. Meer informatie over het werken met links in HubSpot.
5. Om een afbeelding in te voegen, klik je op het pictogramAfbeelding invoegen. Meer informatie over het werken met afbeeldingen in HubSpot.
6. Om een emoji in te voegen, klikje ophet pictogram emoji invoegen .
7. Om een call-to-action in te voegen, klik je op het vervolgkeuzemenu Invoegen en selecteer jectaCall-to-action. Meer informatie over het werken met call-to-actions in HubSpot.
8. Om een insluitcode in te voegen, klik je op het vervolgkeuzemenu Invoegen en selecteer je vervolgens Insluiten. Meer informatie over het insluiten van content in HubSpot.
9. Om een video in te voegen, klik je op het vervolgkeuzemenu Invoegen, beweeg je de muisaanwijzer over Video en selecteer je HubSpot-video of externe video. Meer informatie over het werken met video's in HubSpot.
10. Om een tabel in te voegen, klik je op het vervolgkeuzemenu Invoegen, beweeg je de muisaanwijzer over Tabel en selecteer je de afmetingen van je tabel. Meer informatie over het werken met tabellen in HubSpot.
11. Om een speciaal teken in te voegen, klik je op het vervolgkeuzemenu Invoegen en selecteer je Speciaal teken. Klik in het pop-upvenster op een speciaal teken.
12. Om een pictogram in te voegen, klik je op het vervolgkeuzemenu Invoegen, selecteer je Pictogram en klik je in het pop-upvenster op een pictogram. Meer informatie over het werken met pictogrammen in HubSpot.
13. Om een ankerlink in te voegen, klik je op het vervolgkeuzemenu Invoegen en selecteer je vervolgens Anker. Meer informatie over het werken met ankerlinks in HubSpot.
14. Om een horizontale lijn in te voegen, klik je op het vervolgkeuzemenu Invoegen en selecteer je Horizontale lijn.
15. Om een niet-afbreekbare spatie in te voegen, klik je op het vervolgkeuzemenu Invoegen en selecteer je Niet-afbreekbare spatie.

16. Om een personalisatietoken in te voegen, klik je op Personaliseren.
    • Klik in het pop-upvenster op het vervolgkeuzemenu Type en selecteer een token-type.
    • Klik op het vervolgkeuzemenu Token en selecteer een token. Meer informatie over het werken met personalisatietokens in HubSpot.
17. Als je klaar bent, klik je op Bijwerkenof Publiceren om je wijzigingen live te zetten.

Gebruik geavanceerde bewerkingsfuncties in rich text-modules

1. Navigeer naar uw inhoud:

   • Websitepagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
   • Blog: Ga in je HubSpot-account naar Inhoud > Blog.
   • Kennisbank: Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik op de naam van uw content.
3. Klik in de contenteditor op een rich text-module omde rich text-werkbalk bovenaan de editor te activeren. Je kunt ook op een rich text-module klikken en vervolgens in de zijbalkeditor op Bewerken in uitgebreide weergave klikken.

4. Om toegang te krijgen tot de broncode van de module, klikt u op het vervolgkeuzemenu Geavanceerd en selecteert u Broncode. Bewerk de broncode in het dialoogvenster en klik vervolgens op Wijzigingen opslaan.

   Let op: HubL-code die aan de broncode van de rich text-module is toegevoegd, wordt niet weergegeven in de editor, maar pas wanneer de pagina zelf wordt weergegeven. Voor assets zoals webpagina's kunt u de HubL-uitvoer bekijken door een voorbeeld van de pagina te bekijken. 

5. Om je content gescheiden in contentblokken te bekijken, klik je op het vervolgkeuzemenu Geavanceerd en selecteer je Blokken weergeven. Om de content weer zonder blokken te bekijken, klik je op het vervolgkeuzemenu Geavanceerd en selecteer je Blokken verbergen. Geen van beide opties heeft invloed op hoe je content wordt weergegeven aan bezoekers.
6. Als u klaar bent, klikt u op Bijwerkenof Publiceren om uw wijzigingen live te zetten.