Permalink
b0efa0c Oct 1, 2018
4 contributors

Users who have contributed to this file

@r12s @spocke @EkimChau @shikhanansi
50 lines (35 sloc) 2.47 KB
layout title description keywords
default
TinyMCE Mobile
A new mobile-first user experience for rich text editing.
mobile tablet

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.

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.

Below are the toolbar items currently supported, with any plugins/configuration required. Note, that the list functions require the [lists]({{ site.baseurl }}/plugins/lists) plugin and styleselect requires configuring [style_formats]({{ site.baseurl}}/configure/content-formatting/#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]({{ site.baseurl }}/plugins/lists)
numlist Insert an ordered list [lists]({{ site.baseurl }}/plugins/lists)
fontsizeselect Change the font size
forecolor Apply a foreground color
styleselect Apply a custom style [style_formats]({{ site.baseurl }}/configure/content-formatting/#style_formats)
removeformat Removes any inline formatting

Browser compatibility

During our initial QA, we tested mobile on the following platforms. If you use other platforms and encounter bugs, please let us know in the TinyMCE issue tracker.

{% include mobile_platform_compatibility.md %}

To shape the future of mobile editing, complete our survey to have your say.