Skip to main content area Skip to block navigation Skip to institutional navigation Skip to sub-navigation

Editing Text

Now this should look familiar...

Similar to many text editing programs, the dotCMS WYSIWYG editor has some familiar tools to help you edit your web pages. Use the instructions below to become familiar with how to format your text. For examples of each of the formats and styles below, please visit the Office Style Guide and Department Style Guide pages of the Layouts & Style Guides section.  For recommendations on when to use each of the formatting and style options, visit the Best Practices pages.


Text Formats:

  •  The "Format" dropdown in the WYSIWYG provides you with the following formatting options:
    • Paragraph - for regular paragraph text with space above and below.
    • Div - used for more advanced formatting.
    • Heading 1 through Heading 6 - for creating heading elements throughout your page to organize the content.
    • Blockquote - used to call out a small portion of your text, it will float the text to the right and wrap any other content around it.
    • Definition Term and Definition Description - for creating lists, like in a dictionary, where the "term" is the first item and the "description" is below it and slightly indented.
    • Code, Code Sample and Preformatted Text - causes the text to appear smaller in in a fixed-width font.
  • To apply any of the formatting options:
    • From the WYSIWYG in any content item, select a portion of text.
    • Click on the "Format" dropdown in the toolbar.
    • Select the format that you wish to apply.
  • Note: When selecting text, be careful not to select the hard return, or line break, at the end of your text as it may cause the formatting to be carried over to the text following your selection.

Watch the video >>


Text Styles:

  •  The "Styles" dropdown in the WYSIWYG provides you with the following formatting options:
    • intro - changes depending on the layout chosen for the page you are working on, but generally makes an "intro" paragraph on your page larger and possibly a different color.
    • photo - used to add a drop shadow and white frame to an image.
    • inline-left and inline-right - are used to left or right align pieces of content, such as images and tables, so that the rest of the content on the page wraps around them
    • small - can be added to text to make it appear smaller than the text around it.
  • To apply any of the style options:
    • From the WYSIWYG in any content item, select a portion of text.
    • Click on the "Style" dropdown in the toolbar.
    • Select the style that you wish to apply.
  • Note: When selecting text, be careful not to select the hard return, or line break, at the end of your text as it may cause the style to be carried over to the text following your selection.

Watch the video >>


Text Emphasis:

  • The text emphasis options are:
    • Bold
    • Italics
  • To apply either of these emphasis options to your text:
    • From the WYSIWYG in any content item, select a portion of text.
    • Click either the "B" (bold) or "I" (italic) icon in the upper left of the WYSIWYG toolbar. 

Watch the video >>