WYSIWYG Editor

Many content types in the CMS have a What-You-See-Is-What-You-Get (WYSIWYG) editor, similar to other web-authoring programs.

The WYSIWYG toolbar is similar to the formatting toolbar in Microsoft Word. You can see a tool-tip describing the function of an item on the toolbar by hovering over its icon.

Full WYSIWYG toolbar

WYSIWYG Buttons

Special character iconInsert Special Character - Useful in particular for accented letters or copyright/registered symbols.

Superscript and subscriptSubscript/Superscript - Subscript is used in CO2, Superscript is used in footnote references1

Bold iconBold (CTRL or Command +B)

Italic iconItalic (CTRL or Command +I) - Should be used sparingly on the web

Underline iconUnderline (CTRL or Command +U) - Should not be used on the web

Strikethrough iconStrikethrough - Should not be used on the web

Paragraph formatting iconParagraph Formatting - Left, Center, Right, Full - Should not be used on the responsive templates on the Brandeis website. All assets are left aligned by default. Alignment of text or images can be updated using the Styles dropdown

Styles dropdownStyles - This menu provides you with options for styles you can use on your website. Read more about the styles available on the Formatting Text page.

Format menuFormat - This menu provides you with the format you can use on text on your website. Read more about the styles available on the Formatting Text page.

Cut iconCut (CTRL or Command +X) - Removes the selected text and enables you to paste it somewhere else.

Copy iconCopy (CTRL or Command +C) - Copies the selected text, but does not remove it, and enables you to past it somewhere else.

Paste iconPaste (CTRL or Command +V) - Inserts the most recently copied or cut content where your cursor is.

Paste as plain text iconPaste as Plain Text - Should not be used on the Brandeis website.

Find/Replace iconFind/Replace - Finds the text entered and replaces it with entered text.

Toggle spell check iconToggle Spell Checker - Does not work on the Brandeis website. The website has a built in spell checker that will come up when you submit the page.

Bulleted listInsert/Remove Bulleted List - Turn selected text into bulleted list, or start a new bulleted list.

Numbered listInsert/Remove Numbered List - Turn selected text into numbered list, or start a new numbered list.

Decrease/Increase Indent iconDecrease and Increase Indent - Adds or removes space to the left of your content. To learn how to add an indent with a blue bar, visit the Formatting Text page.

Undo/Redo iconsUndo (CTRL or Command + Z) and Redo (CTRL or Command + Y) - Undo or redo the last action in the editor.

Insert link iconLink - Add an internal or external hyperlink. Learn more about adding links on the Links and Anchors page.

Unlink iconUnlink - Remove a hyperlink

Anchor iconAnchor - Insert an anchor, which will direct a link to a particular spot on a page. Learn more about using anchors on the Links and Anchors page.

Insert/Edit Image iconInsert or Edit Image - Adds an inline image to content. Once the image is added, use this button to adjust alignment or padding/spacing. Learn more about using images effectively on the Insert Images/Multimedia page.

Insert/Edit Media iconInsert or Edit Media - Should not be used on the Brandeis website. Instead, you should use the Media content module.

Insert horizontal line iconInsert Horizontal Line - Inserts a horizontal line spanning the width of your content.

Insert table iconInsert/Edit Table - Should not be used on the Brandeis website. Instead, use the Tables content type.

Clean up messy code iconCleanup Messy Code - Should not be used on the Brandeis website. If you have concerns about messy code that you do not feel comfortable dealing with yourself, please email cmshelp@brandeis.edu.

Remove formatting iconRemove Formatting - Removes any applied styles and formatting.

Edit HTML Code iconEdit HTML Code - Gives you access to the source code for the page. You can make edits directly in the source code, but any code that attempts to override set styles or formats will be removed when the page is published.

Show/Hide Guidelines/Invisible Elements iconShow/Hide Guidelines/Invisible Elements - Should not be used on the Brandeis website.

Toggle Full Screen Mode iconToggle Full Screen Mode - Allows you to see the single WYSIWYG editor in full screen mode.

Pasting Text into the WYSIWYG Editor

When pasting content into the editor, if you plan to use text written in Microsoft Word, you must follow these steps:

If you are using a Mac:

  1. Copy and paste (using command + V) your text from Word into TextEdit.
  2. In TextEdit, select the text, and go to Format > Make Plain Text.
  3. Copy the plain text.
  4. Paste it into the WYSIWYG editor (into the CMS).

Note: If you go to the TextEdit Preferences and select Plain Text in the Format section, you can skip Step 2.
Text editor preferences

If you are using a PC:

  1. Copy and paste (using control + V) your text from Word into the WYSIWYG editor.

Whether you are using a Mac or PC, do not select the Paste as Plain Text icon. Using paste as plain text removes space between words and corrupts text formatting.