Using the WYSIWYG (What You See Is What You Get) Editor
Where basic textual content is allowed in a content module with styling options for the old template or responsive template, you will be able to use a WYSIWYG editor. This editor's name is a slight misnomer as the screen size of any device will determine where text will truly be laid out on a web page, but for the most part, content looks just like it will on a web page.
Use the Web Style Guide and proper naming conventions when using the WYSIWYG editor.
The editor itself is similar to any word processor's menu options.
Basic Features
Top Row Menu
- Edit Menu
- Undo and Redo
- Cut, Copy, and Paste
- Paste as Text (recommended when copying content from outside Cascade, like Word, Outlook, or a website)
- Select all
- Format Menu
You need to highlight the text first that you want to format:
- Bold and italic
- Superscript and Subscript
- Formats:
- Clear formatting (recommended when you don't know how to fix something that is looking or behaving weird)
- Insert Menu
- Table Menu
- Table (do not recommend a table with more than 3 or 4 columns due to horizontal scrolling on mobile phones)
- Table properties
- Delete table
- Cell:
- Cell properties (use to change a table cell to a table header and change the scope to column or row)
- Merge cells
- Split cell
- Row:
- Insert row before
- Insert row after
- Delete row
- Row properties
- Cut row
- Copy row
- Paste row before
- Paste row after
- Column:
- Insert column before
- Insert column after
- Delete column
- View Menu
- Tools Menu
- Info (tells you which WYSIWYG editor configuration is being used)
- Spellcheck (checks the spelling of the contents inside that WYSIWYG editor, not the whole page or Content Module Block)
- Fullscreen (makes the WYSIWYG editor display across your entire browser screen).
Bottom Row Buttons
Seen left to right:
