TinyMCE User Manual - Basics

The default TinyMCE editor will look like this:

null

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.

icon function description example
null save Saves changes

null
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)

null
bold
Bolds selected text
test
null
italic Italicizes selected text
text
null justify left
Aligns the selected text to the left text
null
justify center
Aligns the selected text to the center of the screen text
null justify right
Aligns the selected text to the right text
null justify full
Aligns the selected text  to both left and right
text
null bulleted list
Creates a bulleted list
  • item 1
  • item 2
  • item 3
null numbered list
Creates a numbered list
  1. item 1
  2. item 2
  3. item 3
null oudent Moves an indented section of text one tab to the left
null indent
Indents the selected text by one tab
null insert table
Inserts a table

null row properties
Table row properties

null cell properties
Table cell properties

null insert row before
Inserts a row before the current row

null insert row after
Inserts a row after the current row

null delete row
Deletes the current row

null insert column before
Inserts a column before the current column

null insert column after
Inserts a column after the current column

null delete column
Deletes the current column

null split cells
Splits the current cell

null merge cells
Merge the current cell with other cells

null insert link
Inserts or edits a link
text
null unlink
Removes the current link
text
null insert anchor
Inserts or edits an anchor

null insert image
Inserts or edits an image

null html
Edit the HTML source code

null fullscreen
Toggles fullscreen mode