Important changes to Tiny Cloud pricing > Find out more

TinyMCE Mobile

A new mobile-first user experience for rich text editing.

Contribute to this page

Why make TinyMCE mobile friendly? Simple. We live in a “mobile-first” world and expect a seamless experience between desktop and mobile. Our goal is to help you achieve this with as little effort as possible.

We’re pleased to introduce TinyMCE mobile, available in version 4.7 and later.

TinyMCE mobile is designed to run on iOS Safari and Android Chrome. You’ll find a streamlined interface while keeping the most common touch interactions easily to hand.

Configuration is relatively easy, so let’s get started.

Note: Please note that TinyMCE mobile will not work on non-mobile environments.

Configuring mobile

New to Tiny 5, the mobile experience is built in and does not require additional configuration.

Tinymce will detect the platform and will show an optimal UI experience given a device type and screensize.

Configuring the Plugins

The plugins supported by mobile are currently limited to the autosave, autolink, and lists plugins. This is by design. TinyMCE Mobile is in the early release cycle and does not include all the plugins available in the desktop version. The developer community is encouraged to provide suggestions about which plugins should be mobile optimized. Please complete this survey to provide feedback.

Specify which of the plugins should be added by adding a plugin entry to the mobile section as shown in the following example:

  selector: 'textarea',
  theme: 'silver',
  mobile: {
    theme: 'mobile',
    plugins: [ 'autosave', 'lists', 'autolink' ]

Configuring the Toolbar

TinyMCE mobile supports a small subset of the toolbar items supported by the main mode.

  selector: 'textarea',
  theme: 'silver',
  mobile: {
    theme: 'mobile',
    plugins: [ 'autosave', 'lists', 'autolink' ],
    toolbar: [ 'undo', 'bold', 'italic', 'styleselect' ]

Below are the toolbar items currently supported, with any plugins/configuration required.

Note: The list functions require the lists plugin and styleselect requires configuring style_formats.

Name Function Plugins Required Configuration
undo Undo operation    
redo Redo operation    
bold Bold formatting operation    
italic Italic formatting operation    
underline Underline formatting operation    
link Insert / Edit a hyperlink    
unlink Remove an existing hyperlink    
image Insert an image    
bullist Insert an unordered list lists  
numlist Insert an ordered list lists  
fontsizeselect Change the font size    
forecolor Apply a foreground color    
styleselect Apply a custom style   style_formats
removeformat Removes any inline formatting    

Supported Mobile Platforms

TinyMCE mobile is available in TinyMCE versions 4.7+ and 5.

TinyMCE mobile is designed to run on iOS Safari and Android Chrome. TinyMCE mobile is tested on the following platforms:

OS Browser Device
Android 9 Chrome Mobile phone
Android 10 Chrome Mobile phone
iOS 12 Safari iPhone/iPad
iOS 13 Safari iPhone/iPad

Please report platform issues and bugs in the TinyMCE issue tracker.

Can't find what you're looking for? Let us know.

Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.