You are here: Home / Web Services / Tutorials / How to Tutorials / Use the Editor

Use the Editor

by brian.ortiz — last modified Aug 28, 2014 05:22 PM
Basic options of Editor: When editing the content in your site, you may see fields that have a rich text editor like the one you see below. This editor, called TineMCE, offers many of the features seen in programs like Microsoft Word, giving you many features such as the ability to style your text, create tables and lists, and insert images. This tutorial will explain how to use the editor and what all the buttons on the editor's toolbar do.

Basic options of Editor

When editing the content in your site, you may see fields that have a rich text editor like the one you see below. This editor, called TineMCE, offers many of the features seen in programs like Microsoft Word, giving you many featuers such as the ability to style your text, create tables and lists, and insert images. This tutorial will explain how to use the editor and what all the buttons on the editor's toolbar do.

The default editor will look like this:

Propertyshelf Website Editing/Content Management tool

On top you can see the toolbar, below the text area and at the bottom a resize bar. If you drag the lower right corner you can make the editor window bigger or smaller.

Toolbar

The following table describes the function and output of each button.

iconfunctiondescriptionexample
save Saves changes
text style Normal paragraph text
Heading

text

Subheading

text

Literal
text
Discreet

text

Pull-quote Pull-quote
Call-out
Clear floats
Highlight
(remove style)
Page break (print only)
bold Bolds selected text test
italic Italicizes selected text text
justify left Aligns the selected text to the left text
justify center Aligns the selected text to the
center of the screen
text
justify right Aligns the selected text to the right text
justify full Aligns the selected text to both
left and right
text
bulleted list Creates a bulleted list
  • item 1
  • item 2
  • item 3
numbered list Creates a numbered list
  1. item 1
  2. item 2
  3. item 3
oudent Moves an indented section of
text one tab to the left
indent Indents the selected text by one tab
insert table Inserts a table
row properties Table row properties
cell properties Table cell properties
insert row before Inserts a row before the current row
insert row after Inserts a row after the current row
delete row Deletes the current row
insert column before Inserts a column before the current column
insert column after Inserts a column after the current column
delete column Deletes the current column
split cells Splits the current cell
merge cells Merge the current cell
with other cells
insert link Inserts or edits a link text
unlink Removes the current link text
insert anchor Inserts or edits an anchor
insert image Inserts or edits an image
html Edit the HTML source code
fullscreen Toggles fullscreen mode