CMS-Pages-Editor

Edit content in a rich text module

Last updated: June 18, 2019

Applies to:

Marketing Hub  Professional, Enterprise
Legacy Marketing Hub Basic
HubSpot CMS

Rich text modules are flexible content editors that support links, images, code snippets, and more. Your HubSpot blog posts and marketing emails are rich text modules. You can add a rich text module to a template for landing pages or website pages in the design manager tool.

When you click any rich text module, a full width toolbar appears across the top of the content editor. 

activate%20rich%20text%20toolbar

The dropdown menus and icons in the left section of the toolbar control the styling and formatting options of your text.

  • To adjust the style, font, or font size applied to your text, click the dropdown menus in the upper left section of the toolbar.
  • To apply font styles, adjust text alignment, or to insert a bulleted or numbered list, click the icons across the middle section of the toolbar.
  • Click the More dropdown menu to access more formatting options for your font and content, including: strikethrough, superscript, and subscript.
rich-text-toolbar-style-formatting
The icons and dropdown menus in the upper right section of the toolbar add more elements and structure to your content.
  • To insert links, images, or emojis in your content, click the icons in the upper right. To organize your content in columns and rows, click the table icon table emto add a table.
  • To add videos, CTAspersonalization tokens, or embed code, click the Insert menu in the upper right. You can also add special characters, horizontal lines, anchors, or non-breaking spaces.
  • To access the source code of the module, click the Advanced dropdown menu, then select Source code. Since not all HTML is supported in the rich text editor, use a coded module to add complex HTML to your page.

Please note: if you're adding code snippets to a rich text editor using a coding language other than HubL, learn how to wrap the code so it renders properly. 

rich-text-toolbar-more-options

When typing in the editor, pressing Enter or Return on your keyboard creates a paragraph break. Typing Shift + Enter on your keyboard will return your input to a new line below the previous line, without breaking the paragraph or spacing. The editor also supports simple keyboard shortcuts, including copy (Control/Command + C), paste (Control/Command + V), and undo (Control/Command + Z).

After adding content, click an element to see additional formatting options. There's a simple image editor in the rich text module. To resize an image inline, click and drag the blue corner on your selected image. To quickly an image from the editor, click the image to select it and click Remove.

modify%20element%20in%20rte