Start trial
Plans & PricingContact Us
Log InStart For Free

The future of work is mobile and Tiny is ready for it!

December 12th, 2019

3 min read

Illustration of a person walking through the park, looking at their phone held out in front of them while smiling. Abstract images are trailing from the phone depicting a lot of mobile activity. by Cami Dobrin

Written by

Ben Long

Artwork by

Cami Dobrin

With the release of TinyMCE 5.1 comes the best mobile experience for our WYSIWYG HTML editor yet, complete with a slick, new, modern UI. Read about the features, try the demo, and find out how to enable mobile for your users.

Productivity on mobile devices has never been greater, and businesses are rethinking their digital transformation strategies to stay ahead of the curve.

We think in the next five to 10 years the 100 percent mobile employee will be the majority.

At Tiny, we are passionate about content creation. As the demand for mobile productivity increases, we want to make sure we are ready for however your clients and users wish to take advantage of our world-class content creation solution — at their desk or on the move.

With this in mind, we’ve taken a step back to rethink our design with a mobile-first mindset, and we are now excited to share the new mobile experience in TinyMCE 5.1.

TinyMCE is ready to be used by anyone, anywhere, anytime.

The TinyMCE 5.1 mobile UI with fullscreen mode selected.

 

Try the live demo

Try the full featured live demo for yourself!

 

6 things you should know about the new mobile experience

1. 100% true mobile design

Often the mobile experience of a product is just the desktop experience running on mobile, possibly with some minor tweaks. But that’s not the case here. TinyMCE 5.1 has been redesigned specifically to optimize for mobile so our users are getting the best experience possible on any device. We’ve taken the lessons learnt from our previous successes in the mobile space and applied them, now to our flagship product, resulting in a product far superior to any of its predecessors.

2. Responsive design

It has a fully responsive design that adapts to all devices and screen sizes. TinyMCE detects the platform and presents an optimal UI experience given the device type and screen size. There is also a fullscreen option so you can make the most of your screen real estate and focus solely on interacting with the content in the editor.

3. Elegant interface

In addition to the sleek silver theme that has been adopted as the default for mobile in 5.1, we’ve introduced some new user UI elements that enable the true mobile design:

4. Plugin availability 

The new mobile experience allows most of the TinyMCE plugins to work on mobile devices; including:

5. Support for tables

TinyMCE has a superior interface for adding and manipulating tables on mobile. Use the horizontal scrolling toolbar or the dropdown menu for advanced styling and configuration.

Horizontal scrolling toolbar and menus for tables on Tiny mobile.

6. Customizable

You can customize the mobile experience, separate from the desktop UI. The mobile-specific default values are set to disable unsupported settings for mobile devices and provide the best mobile experience, and you can customize them for your own purposes as required.

Want to know more?

For a more comprehensive overview of what’s new for mobile and TinyMCE 5.1, check out the relevant parts of our documentation.

 

How to go mobile with TinyMCE 5.1

1. Get TinyMCE 5.1

If you’re a cloud user, your editor should already be updated with TinyMCE 5.1.

For self-hosted instances and more information about upgrading, refer to the documentation about upgrading TinyMCE.

2. Configure TinyMCE 5.1 for mobile

IMPORTANT: To ensure the mobile editor functions as intended, add the following code to the head of your pages that are using TinyMCE.

<meta name="viewport" content="width=device-width, initial-scale=1">

Check out our documentation for more information about configuring mobile.

What next?

Want early access to our future products, features, and enhancements?

Join our beta testing community. As a member, you get early access to future products and releases, and you play a pivotal role in influencing the direction they take through the feedback you provide.

Enjoy the new Tiny mobile experience, and don’t hesitate to reach out to us if you have any questions at all.

TinyMCEMobile
byBen Long

Computer scientist, storyteller, teacher, and an advocate of TinyMCE. Reminisces about programming on the MicroBee. Writes picture books for kids. Also the wearer of rad shoes. “Science isn’t finished until you share the story.”

Related Articles

  • World of WYSIWYGDec 10th, 2024

    TinyMCE's Latest Releases

Join 100,000+ developers who get regular tips & updates from the Tiny team.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Tiny logo

Stay Connected

SOC2 compliance badge

Products

TinyMCEDriveMoxieManager
© Copyright 2024 Tiny Technologies Inc.

TinyMCE® and Tiny® are registered trademarks of Tiny Technologies, Inc.