The WYSIWYG

Tools

Tool Highlights

Tooltips are useful in providing definitions or brief explanations to accompany uncommon words or phrases. Tooltips have a dashed red line under the text (where traditional links have a solid red line), and when a user hovers their cursor over (or taps) this text, a popup box appears that displays the supporting text.

This is an example of a tooltip.

Step By Step Guide

  1. Highlight the text that you want to make into a tooltip.
  2. Click the Tooltip tool in the WYSIWYG editor's toolbar.
    tooltip toolbar icon
  3. Type in the text you want to display in the tooltip in the Add text window that appears.
  4. Save the page and review the tooltip by hovering your cursor over it.

To add an icon, click the ‘fa’ icon in the WYSIWYG editor toolbar, you will be prompted to type in the name of the icon you want to insert into the page. The search works quite well, but there is also a link to the full list of icons available—enter the name to search for it, and select it from the list that is populated. The default size is quite small—under additional settings, you can change the size, just be sure to scroll to the bottom of the window and click “Insert Icon”.

Font Awesome tool window

In this overview we’re going to remove the formatting from text copy and pasted from a word or PDF document. We do this to remove any hidden fonts and text sizes Office or Adobe adds to your pasted content so we can use it on the web page.

  1. Copy the text from the Word document or other source.
  2. Paste the text into the WYSIWYG editor.
  3. Highlight the text and click the Remove Format tool in the WYSIWYG editor toolbar.

Back to top