---
title: "Image tools example"
description: "This example contains the plugins needed for the most common use cases, as well as the Image Tools Plugin. Clicking on the image will give you the inline toolbar for image editing."
canonical_url: "https://www.tiny.cloud/docs/tinymce/5/image-tools/"
md_url: "https://www.tiny.cloud/docs/tinymce/5/image-tools/index.md"
version: "5"
last_updated: "2024-04-09T09:35:32Z"
tokens: 274
---
Important This page documents TinyMCE 5. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/).
# Image tools example

This example contains the plugins needed for the most common use cases as well as the [Image Tools](../editimage/) Plugin. Click on the image to make the inline toolbar for image editing appear.

> **Important:** TinyMCE 5.10 will include the final release of the Image Tools plugin (`imagetools`) as an open source plugin. The Image Tools plugin will be removed from the open source bundle and be available as a premium plugin for TinyMCE 6.0.
**Example**

```js
tinymce.init({
  selector: 'textarea#image-tools',
  height: 500,
  plugins: [
    'advlist autolink lists link image charmap print preview anchor',
    'searchreplace visualblocks code fullscreen',
    'insertdatetime media table paste imagetools wordcount'
  ],
  toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
});
```