Help Center
  • Welcome
  • Setka Editor
    • Getting started
    • Drag-and-Drop & Multiselect
    • Text editing
    • Grids and Layout
    • Images
      • Image Editor
    • Background images
    • Icons
    • Animations
    • Lists
    • Tables
    • Dividers
    • Footnotes
    • Hotspots
    • Enhance Symbols
    • Post templates
    • Buttons
    • Comments and collaboration
    • Embeds
    • Hyphenation
    • Responsive layout for mobile screens
    • Custom CSS
    • Custom JS plugins
  • Setka Content Design System Manager
    • Creating and editing styles
    • Text formats and fonts
    • Styles display for mobile mevices
    • Text and background colors
    • Dividers
    • Icons
    • Components – reusable design elements
      • Creating Components with HTML and CSS
        • CSS in components
        • Component examples
    • Configuring layout grids
    • Editing default elements with Custom CSS
    • Adding team members
  • Account Settings
    • Account settings basics
    • Access rights
    • Billing and subscription
  • Preserve your Setka Editor content after the service shutdown
  • Integrations
    • Setka and WordPress
      • Installing Setka Editor WordPress plugin
      • Launching Setka Editor on the post creation page
      • Setka Editor and WordPress compatibility
      • Setka Editor compatibility with the most popular WordPress plugins
      • Inserting graphs, charts, or diagrams into a post
      • Setka Editor and Google AMP
      • Inserting adverts into a post
      • srcset — the attribute for image size optimization
      • Page load speed optimization settings
        • Autoptimize plugin configuration
      • WordPress troubleshooting: known Issues and how to fix them
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Drupal
      • Setka for Drupal — compatibility, and features
      • Installing Setka modules for Drupal
      • Setka content on AMP pages in Drupal
    • Setka and Magento
      • Installing Magento 2 extension
        • Setka Editor configuration page
      • Preserve your Setka Editor content after the service shutdown
    • Setka and HubSpot
      • Setka Editor and HubSpot Blogs
      • Setka Editor and HubSpot Landing Pages
      • Semi-gated content with a HubSpot form
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Bitrix
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Ghost
      • Copying and pasting posts from Setka to Ghost
    • Setka and SharePoint Online
      • Installing Setka Editor application into SharePoint Online
    • Setka and Zapier
      • Setka and Webflow
        • Exporting new posts
        • Updating exported posts
      • Setka and Shopify
    • Setka and Integromat
    • Content Cloud
  • API
    • Setka Content Cloud API
    • Webhooks
    • API for Custom CMS Integration
      • Introduction to custom integration
      • Integration with Content Design System Manager (CDSM)
        • Initial sync — receiving Setka Editor files to connect them to your CMS
        • Storing and processing Setka Editor files
        • Connecting Setka Editor files to the pages of your site
        • Receiving style updates from the Style Manager and new editor versions
      • Setka Post Editor initialization (JavaScript)
      • Integration with Style Manager (API v1, previous version)
      • Preserve your Setka Editor content after the service shutdown
    • Custom Components API
  • VIDEO TUTORIALS
    • Setka Editor Video Tutorials
  • Components Library
    • Components Library
    • Guide: Ideas for Using Setka Editor’s Components to Improve Content Design
  • Content Experience Design Best Practices
    • Guide To Designing a Great Content Experience
Powered by GitBook
On this page
  • Opening Image Editing Mode
  • Image Editing tools
  • Crop
  • Rotate, Flip horizontal, Flip vertical
  • Adjust brightness
  • Tint
  • Why don't my images appear in the editing mode?

Was this helpful?

  1. Setka Editor
  2. Images

Image Editor

Using the in-built Image Editor in Setka Editor.

PreviousImagesNextBackground images

Last updated 4 years ago

Was this helpful?

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)

2. From the Image panel in 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.

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.

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.

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.

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

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.

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 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).

Read in the .

CORS
following article how to resolve the CORS error for your images
Image Editor icon on an image inserted into a post content in Setka Editor (in the content editing area)
Image Editor Icon in the Image panel in Setka Editor Side Toolbar
Animated .gif image showing crop function in Setka Image Editor with a picture of a pineapple on blue background
Animated .gif image showing image rotation and image flipping functions in Setka Image Editor with a picture of a pineapple on blue background
Animated .gif image showing image brightness editing interface in Setka Image Editor with a picture of a pineapple on blue background
Animated .gif image showing image tint color picker in Setka Image Editor with a picture of a pineapple on blue background