1. Knowledge Base
  2. WYSIWYG Content Editor

WYSIWYG Editor - Top 10 Tips

Here is our guide to getting the most out of using the WYSIWYG Editor.

  1. Work in full screen.

    Full Screen

    Full Screen Workspace (Toggle)

    You will need to drop out of Full Screen to Save

  2. Always use the paste tools to insert content copied from other sources.

    It may not be obvious when you copy information from other sources, but hidden HTML and coding elements, especially from email or word processing programmes, will be included.
     
    These erroneous elements will:
     
    - Make the content look and behave differently
    - Make it hard to edit styling without HTML expertise
    - Display unwanted content
    - Affect your Accessibility Standards

    Paste as Plain Text Paste as Plain Text
    Paste from Word Paste from Word

    Another trick is to paste any content into 'Notepad' (a basic windows text editor). Then copy and paste the text from the 'Notepad'.

  3. Delete carefully

    Again, something that may not be obvious when using the Editor. Be careful when deleting content as you may accidentally remove key elements of hidden HTML which help create the layout of the page. i.e. Division, Column Templates.

    Remember the undo feature works as far back as the last save or the last 20 changes. Which ever comes first.
  4. Use templates

    Templates give you give quick access to different layout styles to make content more enticing.
  5. Use the in built Spell Checking Tools

    Spell Checker Spell Checking Tools
  6. Don't use Italics

    Italics do nothing to enhance web content. In fact, Italics are a known problem for some people with dyslexia and the general advice has been to avoid italics (particularly large blocks of italic text) and instead use bold for emphasis.
  7. Don't use Underline

    Underlines have been used historically for clickable links, and patients will be confused and frustrated if underlined text doesn’t match their expectations. It is now best practice not to use Underlines for legitimate links as well.

  8. Avoid using Coloured Text

    Text should either be black or white depending on the background colour. And even then, there has to be sufficient contrast between the background colour to satisfy accessibility standards. 

  9. Don't use Text Highlights

    If you want to highlight text so that it stands out, use a panel template and choose a colour that contrasts well with Black or White text.
  10. Save, Save, Save all the way

    It may be the most important tip, as well as being obvious. Save your work regularly.