Image Editor

Using the in-built Image Editor in Setka Editor.

Opening Image Editing Mode

Many marketing departments don’t have the resources for a dedicated photography professional. That is why writers, editors, and content marketers can easily implement simple yet effective image edits right within the Setka Editor interface.

The image editor opens up in a pop-up window, allowing users to easily improve and optimize visuals alongside their content and layout editing efforts.

There are two ways how you can open the image editing mode:

1. From the image inserted into the post (into a page)

Image Editor icon on an image inserted into a post content in Setka Editor (in the content editing area)

2. From the Image panel in Side Toolbar

Image Editor Icon in the Image panel in Setka Editor Side Toolbar

Image Editing tools

Crop

To crop an image, select the Crop icon and define the area to crop the image. Press Apply to finalize the edits or Cancel to cancel the changes.

Animated .gif image showing crop function in Setka Image Editor with a picture of a pineapple on blue background

Rotate, Flip horizontal, Flip vertical

To rotate an image, select the Rotate button. To flip an image horizontally, choose the Flip horizontal button. To flip an image vertically, select the Flip vertical icon. Press Apply to finalize the edits or Cancel to cancel the changes.

Animated .gif image showing image rotation and image flipping functions in Setka Image Editor with a picture of a pineapple on blue background

Adjust brightness

To adjust the brightness of an image, choose the Brightness button, and move the slider to adjust image brightness. Press Apply to finalize the edits or Cancel to cancel the changes.

Animated .gif image showing image brightness editing interface in Setka Image Editor with a picture of a pineapple on blue background

Tint

To tint the image, choose the Tint button, and use the color picker to tint the image. Press Apply to finalize the edits or Cancel to cancel the changes.

Animated .gif image showing image tint color picker in Setka Image Editor with a picture of a pineapple on blue background

Why don't my images appear in the editing mode?

That happens, because images, that that you uploaded to the post are hosted on a domain different from the domain where you work in Setka Editor. So the CORS error happens, which restricts loading of any resources from a different domain, except, when the responding server has a header Access-Control-Allow-Origin: * (instead of * you can apply any domain name).

For example:

  • Setka Editor's domain — https://example.com

  • Domain, where the images are hosted — https://cdn.example.com

For resolving CORS error — you need to add HTTP Header Access-Control-Allow-Origin: https://example.com for all responses from https://cdn.example.com.

Read in the following article how to resolve the CORS error for your images.