Image editor editing screen - editing
Image editor editing screen - starting state
Image editor  - edit button

This module makes it possible to edit images on the website, with an overlay editing interface, and then save it.
It is based on CamanJS, and logged in users can adjust hue, contrast, vibrance, sepia, and apply several predefined filters on the image.

Currently it only works for img tags, but we are working on it to make it available for picture elements as well.

Install:

  1. Download this module
  2. Download camanJS library and place the minified js file (located in /dist/caman.full.min.js) into the libraries/camanjs/dist folder. So the final path of the js file will be '/libraries/camanjs/dist/caman.full.min.js'. In alternative, use the wikimedia/composer-merge-plugin and include the provided composer.libraries.json file. The module was built on version '4.1.1' of camanJS.
  3. Install the module the usual way.

Usage:

  1. Install the module as described above
  2. Place an 'Image-edit block' anywhere on your page
  3. Grant 'Use Image-Editor' permission to users who should be able to edit images.
Supporting organizations: 
Sponsor development

Project information

Releases