Blockquotes, Code, or Preformatted Text

[   User Guide Navigation]

Formatting Text & Media Blockquotes, Code, or Preformatted Text

Use either the Format menu in the Canvas editor or the Snippet tool in the sidebar to add text as a blockquote, programming code, or preformatted text in a mono-spaced font. The code style can be applied to individual words or phrases within a paragraph, whereas blockquote and preformatted styles apply to entire paragraphs. Both the code and preformatted styles make use of a fixed-width font.

Tip for Blockquotes, Code, or Preformatted Text

The Snippet tool can create new content in the desired format, but it cannot format existing content. Use the Format > Formats menu in the Canvas editor to format existing text as a blockquote, code, or preformatted text block.

Examples

Blockquote 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque efficitur eu enim nec sagittis. Sed libero velit, dapibus sed ligula vel, efficitur viverra tortor. Phasellus ut luctus urna. Nulla varius lacus quis semper porttitor. 

Code

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque efficitur eu enim nec sagittis.

Preformatted Text 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque efficitur eu enim nec sagittis. Sed libero velit, dapibus sed ligula vel, efficitur viverra tortor. Phasellus ut luctus urna. Nulla varius lacus quis semper porttitor. 

Instructions

The instructions below are for the Snippet tool in the sidebar only. 

Add a blockquote

  1. Place your cursor on a blank line in the editor where you want the blockquote to go.
  2. Open the Add New Elements ( )  tab in the sidebar.
  3. Select the Snippet tool. The Edit Current Element  ( ) tab opens with Snippet  selected as the active tool.
    image.Snippet Tool
  4. In the  Content  panel, under DesignPLUS Snippets, select Blockquote. An empty blockquote container will display on the page:
    Blockquote Container
  5. Enter the text for the blockquote.

Add inline code

  1. Place your cursor in the editor where you want the inline code to go.
  2. Open the Add New Elements ( ) tab in the sidebar.
  3. Select the Snippet tool. The Edit Current Element  ( ) tab opens with Snippet  selected as the active tool.
    image.Snippet Tool
  4. In the Content   panel, under DesignPLUS Snippets, select Code (Inline). An empty code container will display on the page:
    Inline Code Container
  5. Enter the text to be formatted as code.

Add preformatted text or a code block

Note: the formatting for preformatted text and code block is identical.

  1. Place your cursor on a blank line in the editor where you want the preformatted text or code block to go.
  2. Open the Add New Elements ( ) tab in the sidebar.
  3. Select the Snippet tool. The Edit Current Element  ( ) tab opens with Snippet  selected as the active tool.
    image.Snippet Tool
  4. In the Content   panel, under DesignPLUS Snippets, select Preformatted or Code (Block). An empty preformatted or code block container will display on the page:
    Preformatted Text Container
  5. Enter the text to be formatted as preformatted or a code block.

Learn More