Edit content using TinyMCE

  • Updated

The TinyMCE rich-text editor lets you enter information such as text with formatting, images, tables, and links to other content. The rich-text editor is used for elements, pages, and blocks in Optimizely Content Management System (CMS).

CMS SaaS tinymce

The TinyMCE editor is highly configurable, and a developer may have configured it to look different on different page types. Several plug-ins might be added to your editor, which are not described in this user guide. The CMS sample templates have a standard selection of activated editor functions (buttons in the image above). Contact your administrator for information about your specific TinyMCE implementation.

You can drag and drop blocks into the editor area and pages from the page tree to create links.

Format content

The Paragraph option displays a drop-down list with predefined style formats retrieved from the CSS style sheets on the application to be used when formatting text.

CMS SaaS tinymce paragraph

You can extend the styles list to include specific formatting for an introduction text, a predefined table layout, or position images with floating text in the editor area.

Editor keyboard shortcuts

You can use many of the standard keyboard shortcuts in the rich-text editor. The following standard keyboard shortcuts are supported in the rich-text editor:

Command Shortcut keys
  Windows Mac
Select all CTRL+A CMD+A
Copy CTRL+C CMD+C
Cut CTRL+X CMD+X
Paste CTRL+V CMD+V
Undo CTRL+Z CMD+Z
Redo CTRL+Y CMD+Y
Find and replace CTRL+F CMD+F
Insert link CTRL+K CMD+K
Bold CTRL+B CMD+B
Italic CTRL+I CMD+I
Underline CTRL+U CMD+U
Paragraph break Enter CTRL+O
Line break Shift+Enter Shift+Enter
H1–H6 headings ALT+Shift+1–6 CTRL+ALT+1–6
Focus to toolbar ALT+F10 ALT+F10
Toggle fullscreen CTRL+Shift+F CTRL+Shift+F
Certain shortcuts may not work as described depending on customizations and the browser you are using.