Lets take a look at this new capability in more detail.
Upon selecting an image within TinyMCE the new inline Image Tools toolbar will pop up, providing the user the ability to do some basic operations such as flip and rotate. In this screenshot you can also see the updated UI that we released with 4.2, making it more modern.
If you need to perform more sophisticated image editing tasks, clicking on the button will bring up the editing interface. The ‘hamburger’ icon brings you to the image dialog that has existed in previous releases of the product.
From the editing interface you can crop, resize and apply filters to your images!
Some of the familiar filters that we provide include: …
- Color levels
- …and more filters you can play with to alter the look and feel of your images.
Here’s an example of the image after cropping it and applying a couple of filters:
All of this is being performed right in your browser. When you are done with editing your image, click on save and the changes are immediately applied.
Although you could use data url images in your content and skip any integration, we would highly recommend integrating with the new Upload API. When images are updated, using this API will enable the images to be uploaded and saved to your server right away. We will document the details of the Upload API on our documentation pages in the next few days.
There are a couple of documentation pages on the TinyMCE Image Tools feature if you visit our configuration section, expect more updates to documentation to come in the next few days.
You can of course try out the new feature in our various demos on the website.
We hope you enjoy this new feature brought to you by Ephox and the TinyMCE team! Stay tuned for more amazing updates this year!