Using the Editor

The editor gives you the ability to enter and format while working in a What You See Is What You Get (WYSIWYG) view of the content. If you prefer to work directly with the underlying HTML code, you can easily change modes. The editor can be used to create content for pages, blocks, and product descriptions. When working on product detail, access the editor by clicking Show / Hide Editor.

TinyMCE 4 is now the default WYSIWYG editor. TinyMCE 3 is now deprecated, but can be enabled in the configuration if required for previous customizations.

TinyMCE 4 tools

Editor toolbar WYSIWYG editor toolbar (TinyMCE 4)

TinyMCE 3 (Deprecated) tools

Editing tools

TinyMCE 3 editing tools

Cut Copy
Paste Paste as Plain Text
    Paste from Word
Find Find and Replace
Undo Redo
Citation Abbreviation
Acronym Spellchecker (not installed)
Mark as Insertion Mark as Deletion

Styles and fonts

TinyMCE 3 styles and fonts

Styles Format
Font Family Font Size

Character format

Character format

Bold Italic
Underline Strikeout
Subscript Superscript

Special characters

TinyMCE 3 special characters

Insert Symbol Insert Non-Breaking Space
    Insert Page Break

Color

TinyMCE 3 color

Select Text Color Select Background Color

Paragraph format

TinyMCE 3 paragraph format

Left Justify Center
Right Justify Full Justify
Outdent Indent
    Blockquote

Coding tools

TinyMCE 3 coding tools

Remove Formatting Cleanup Messy Code

Lists

TinyMCE 3 lists

Bulleted (Unordered) List Numbered (Ordered) List

Rules

TinyMCE 3 rules

Insert Simple Horizontal Rule Insert Formatted Horizontal Rule

TinyMCE 3 links and anchors

Insert/Edit Link Remove Link
Insert/Edit Anchor    

Images and media

TinyMCE 3 images and media

Insert/Edit Image Insert Media

Tables

TinyMCE 3 tables

Insert/Modify Table Table Row Properties
Table Cell Properties    
Insert Row Above Insert Row Below
Remove Column Remove Row
Split Merged Table Cells Merge Table Cells

Layers

TinyMCE 3 layers

Insert New Layer Move Layer Forward
Move Layer Backward Toggle Absolute Positioning

Variables, attributes, and widgets

TinyMCE 3 variables, attributes, and widgets

Insert Variable Insert/Edit Attributes
Insert Widget    

Workspace preferences

TinyMCE 3 workspace preferences

Toggle Fullscreen Mode Display Visual Control Characters (On/Off)
Toggle Guidelines / Invisible Elements Set Typing Direction Left-to-Right
Set Typing Direction Right-to-Left Help