Edit content in a rich text module

Last updated: February 7, 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 or website pages in the design manager tool. 

When you click the rich text module in your content editor, you'll see a toolbar appear at the top with four dropdown menu options. You can use the icons in the second row of the rich text toolbar to quickly access some of these actions. 

  1. Insert - add or edit content, links, images, videos, document links, CTAs, and personalization tokens. You can also add special characters, horizontal lines, anchors, or non-breaking spaces.
  2. Style - format any text you have already added to your rich text module. Edit your fonts, add inline styling, adjust text size, line height, and alignment. You can also clear styling.
  3. Table - add or edit a table to organize your content in columns and rows.
  4. Tools - use additional tools like show blocks or access the module's 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. 

When typing in the editor, 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 you add content to your rich text module, click on an element to see additional formatting options. There's a simple image editor in the rich text module. To quickly resize an image inline, click and drag a blue corner on your selected image. Click the trash icon delete tquickly delete an element from the editor.