Information Technology Services
Information Technology Services

Toolbar Icons

WebPublish has a WYSIWYG (What You See Is What You Get) editor, very similar to a word processor.  The toolbar has a variety of icons, many of which you will already know how to use.

screenshot of bold-italic buttons

Arrange the way your fonts look by choosing (in order of appearance) bold, italic, underline or strike through formatting. To apply these formats while you type, press the icon corresponding to the format you want to apply and enter your text. Click the icon again to end. You can select and apply one or many of these formats at once.

You can also use keyboard shortcuts: Ctrl + B for bold and Ctrl + I for italic and Ctrl + U for underline. There is currently no shortcut for strike through  Note:  if you start with bold, end with bold.

screenshot of alignment buttons

Text can be aligned to left, center, right, or full justification.  This can be changed for individual paragraphs.

screenshot of font and background colour buttons

Use these icons to change the colour of the text or its background colour.


screenshot of maximize button

Maximize the editor screen to give yourself the entire screen for entering text and previewing your page.  Click the maximize button a second time to return to the normal WebPublish screen.

screenshot of formats menu

Formats are used for organizing your text and distinguishing different part of the web page. 


Headings are used in order starting with H1, H2, etc. 


When formatting headings to adhere to accessibility standards, do not skip a heading level.  If you prefer the text, font, or format of a heading that is not in order, request to have a "style" made.

screenshot of the find and replace icons

Use the Find option to identify instances of a specific word or phrase in your WYSIWYG content. To use, click the button and enter the text you would like to search for in the "Find what" field. Select one or many of the "Find Options": Match case will make the search case sensitive, Match whole word will only return instances where the word matches precisely (e.g,: searching for "the" would not return "thesis",  only instances of "the" specifically) and Match cyclic will continue the search from the beginning of the text once it reaches the end.

Replace will allow you to replace one or all instances of a specific word or phrase. Use the "Find what" field to locate text and fill in the "Replace with" field. To replace one instance at a time, click "Replace". To replace all instances at once, click 'Replace All".

screenshot of list buttons

Create unordered lists and ordered lists.


For more information see the Lists tutorial.

screenshot of indent buttons

Decrease the text indentation or increase the text indentation.


screenshot of undo button

Undo the most recent action taken or Redo the most recent action taken.  Undo is very useful when a mistake has been made, such as deleting the wrong text and wanting to get it back.  Keep clicking the undo button until the point where the mistake was made. You can also use the Ctrl + Z keyboard shortcut.


The Redo button allows you to move forward in your undo - in case you went too far back or changed your mind.

screenshot of link-image-slideshow

In order of appearance:

  • Link: To insert a link to an URL address, anchor or email.  See the Links tutorial.
  • Un-Link: Use the broken link icon to remove a link.  
  • Anchor: this icon inserts an anchor in the text or section that you want to refer to from another location.  Use the Link button to create the link between the text and the anchor.  This works for a table of contents where text at the beginning of the page is linked to a specific section of the page.  See the Anchors tutorial.
  • Image: this icon is used to imbed an image as part of the web page. See the Images tutorial
  • Node Embed: this icon is used to Embed a slideshow into a page.  See the Slideshow  tutorial

screenshot of source button

View or edit the document's source code.  After pressing the Source button you will see the text with its HTML codes.  To return to the normal text click the source button again.

screenshot of script and block quote buttons

Subscript and superscript are usually used to mathematical needs. They have a smaller font than the normal text and can contain numbers or text.


The Block Quote button is used to format a block of text to distinguish it as being a quotation from another source.

screenshot of table button

Create a table with a defined number of columns and rows.


See the Tables tutorial.

screenshot of remove format button

Remove format from the highlighted text.

screenshot of special characters button

Insert symbols and special characters (accented characters, trademark, currency symbol)

screenshot of horizontal rule button

Insert a horizontal rule

screen capture of show blocks button

Shows where the block elements boundaries are in the text.