Edit content in rich text modules

In rich text modules, you can add multiple types of content, including text, images, and links. Developers can add rich text modules to custom-coded templates, then customize their editing options. 

Please note: some rich text editing features are not available in the knowledge base article editor.

Format text in rich text modules

• Navigate to your content:

  • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
  • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
  • Blog: In your HubSpot account, navigate to Content > Blog.
  • Knowledge Base: In your HubSpot account, navigate to Content > Knowledge Base.

• Click the name of your content. 
• In the content editor, click a rich text module to activate the rich text toolbar at the top of the editor. 
• In the rich text module, highlight text. 
• To set the text's comparative size and importance in the content, click the Style dropdown menu and select an option. 
• To set the text's font, click the Font dropdown menu and select a font. Learn more about working with fonts in HubSpot. 
• To set the text's size, click the Font size dropdown menu and select a size in pixels. 
• To make the text bold, italicized, or underlined, click a bold styling icon. 
• To change the text's color, click the textColor text color icon, then select a color. To use a hex or RGB color code, or to select a custom color, click the Advanced tab. 
• To set a background color for the text, click the highlight background color icon, then select a color. To use a hex or RGB color code, or to select a custom color, click the Advanced tab. 

• To change the text's alignment, click the alignLeft Align dropdown menu and select an alignCenter alignment icon. 
• To add the text to a bulleted list, click the bulletList bulleted list icon. To change the format of the list, click the bulleted list dropdown menu and select a bulletDiamond format.
• To add the text to a numbered list, click the numberList numbered list icon. To change the format of the list, click the numbered list dropdown menu and select a bulletLowerAlpha format.
• To set the text's line height, click the lineHeight  line height dropdown menu and select a height. 
• To increase or decrease the text's indent, click the indent increase indent or decrease indent icons. 
• To remove styling applied to the text, click the removeTextStyle clear styles icon. 
• To add additional formatting, click the More dropdown menu and select the strike strikethrough, superscript superscript, or subscript subscript icon. 
• To format the text as code, click the More dropdown menu and select the code code format icon. 

Add elements to rich text modules

• Navigate to your content:

  • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
  • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
  • Blog: In your HubSpot account, navigate to Content > Blog.
  • Knowledge Base: In your HubSpot account, navigate to Content > Knowledge Base.

• Click the name of your content. 
• In the content editor, click a rich text module to activate the rich text toolbar at the top of the editor. 
• To insert a link, highlight text, then click the link insert link icon. Learn more about working with links in HubSpot. 
• To insert an image, click the insertImage insert image icon. Learn more about working with images in HubSpot. 
• To insert an emoji, click the emoji insert emoji icon. 
• To insert a call-to-action, click the Insert dropdown menu, then select Call-to-action. Learn more about working with calls-to-action in HubSpot. 
• To insert an embed code, click the Insert dropdown menu, then select Embed. Learn more about embedding content in HubSpot. 
• To insert a video, click the Insert dropdown menu, then hover over Video and select HubSpot video or external video. Learn more about working with videos in HubSpot.
• To insert a table, click the Insert dropdown menu, then hover over Table and select the dimensions of your table. Learn more about working with tables in HubSpot. 
• To insert a special character, click the Insert dropdown menu, then select Special character. In the pop-up box, click a special character. 
• To insert a special character, click the Insert dropdown menu, then select Icon. In the pop-up box, click an icon. Learn more about working with icons in HubSpot. 
• To insert an anchor link, click the Insert dropdown menu, then select Anchor. Learn more about working with anchor links in HubSpot. 
• To insert a horizontal line, click the Insert dropdown menu and select Horizontal line. 
• To insert a non-breaking space, click the Insert dropdown menu and select Non-breaking space. 
• To insert a personalization token, click Personalize. In the pop-up box, click the Type dropdown menu and select a token type, then click a token. Learn more about working with personalization tokens in HubSpot. 

Use advanced editing features in rich text modules

• Navigate to your content:

  • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
  • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
  • Blog: In your HubSpot account, navigate to Content > Blog.
  • Knowledge Base: In your HubSpot account, navigate to Content > Knowledge Base.

• Click the name of your content. 
• In the content editor, click a rich text module to activate the rich text toolbar at the top of the editor. 
• To access the module's source code, click the Advanced dropdown menu and select Source code. In the dialog box, edit the source code, then click Save changes.
• To view your content separated into blocks of content, click the Advanced dropdown menu and select Show blocks. To view the content without blocks again, click the Advanced dropdown menu and select Hide blocks. Neither option will affect how your content appears to visitors.