April 05, 2011

Working with the WYSIWYG toolbar

Working with links in WYSIWYG toolbar

If you are accustomed to HTML editing or other text editing applications, you may find that the WYSIWYG toolbar provides an easier and faster way to create and edit your LiveWhale content. It allows you to enter content as you would in a Word document and apply formatting simply by clicking icons on a toolbar.

Step-by-Step

Select the text you wish to style, or place the cursor where you wish to insert an element, and then use the WYSIWYG buttons to perform the desired action.

From left to right, these may include:

  • Bold text
  • Italicize text
  • Underline text
  • Add/edit link
  • Remove link
  • Style dropdown menu
  • Remove formatting
  • Unordered list
  • Ordered list
  • Table
  • Align left
  • Align right
  • Align center
  • Align full
  • Outdent
  • Indent
  • Undo
  • Redo
  • Edit HTML source
  • Insert image
  • Insert media
  • Insert widget

Note that when you enter text into the editable field, all HTML formatting will be done for you. If you wish to enter raw HTML syntax, you must use the “Edit HTML source” button.