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 bold or italic. Bold and Italic can be added while you enter your text, press the bold or italic icon, enter your text, click the bold or italic icon again to end. 

Can also use Ctrl + B for bold and Ctrl + I for Italic.  Can be combined to give a bold and italic.  Note:  if you start with bold end with bold.

screenshot of alignment buttons

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

screenshot of font and background colour buttons

Change the colour of the text or its background colour.


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, format of a heading that is not in order request a "style" made.

screenshot of maximize button Maximize the editor screen to give yourself the entire screen for entering text and preview your page.  Click the maximize button a second time to return to the normal WebPublish screen.
screenshot of paste-word-text button

Paste plain text copied to the clipboard without formatting or styles


Paste text copied from Word or similar application without the font face definitions and removing styles definitions. 

screenshot of list buttons

Create unordered list and ordered list 


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, for example deleted the wrong text, and you want to get it back.  Keep clicking the undo button until the point where the mistake was made.  Can also use the Ctrl + Z on the keyboard.


The Redo allows you to move forward in you undo - if you went to far back or change your mind.

screenshot of link-image-slideshow 
  • To insert a link to an URL address, anchor or email.  See the Links tutorial.
  • Use the broken link icon to remove a link.  
  • The Anchor icon inserts an anchor in the text or section you want to refer to from another location.  Use the Link 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 icon is used to imbed an image as part of the web page. See the Images tutorial
  • The Node Embed 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 Quote is used to format a block of text to identify 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 buttonscreenshot of selection of pecial characters 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.