Skip to content

2.0.0

Latest
Latest

Choose a tag to compare

View all tags
@afbora afbora released this 31 Oct 21:05
2.0.0
9181f38
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Image Editor 2.0 brings a new, lean editor and works with Kirby 6.

New

  • A new editor of its own, built on Cropper.js and the Panel's own components. It follows the Panel's language and dark mode, and it is ten times smaller than before.
  • Crop freely or with a ratio: original, 1:1, 4:3, 3:2, 16:9, in portrait or landscape. Set your own presets with the ratios option, or fix the ratio with ratio.
  • Rotate by 90 degrees and straighten by up to 45 degrees. The image zooms in just enough, so the saved image never has empty corners.
  • Flip, resize and zoom (buttons, mouse wheel or pinch).
  • Filters: brightness, contrast, saturation, grayscale, sepia and invert. The saved image looks exactly like the preview, in every browser.
  • Undo, redo and reset.
  • Keyboard shortcuts: R and Shift+R rotate, H and V flip, +, - and 0 zoom, Ctrl+Z undoes, Ctrl+Shift+Z redoes, Ctrl+S saves (⌘ on a Mac).
  • Edit button in the file view: add image-editor to the buttons of a file blueprint to edit any image from its file view.
  • New options: quality for JPEG and WebP images, and maxWidth and maxHeight to scale down large images when they are saved.
  • WebP images can be saved too, in browsers that can create WebP files. GIF and AVIF images can be saved as a copy.
  • Texts in English, German, French and Turkish.

Changed

  • Save and Save as upload the edited image like any other upload in the Panel, also in parts when it is large. Kirby's permissions, hooks and file blueprint rules apply.
  • After "Save as", the copy replaces the original in the field.
  • The "Buy a license" link in the Panel goes straight to the checkout.

Removed

  • Drawing, shapes, icons, text and the mask filter are gone, together with the TOAST UI editor, which is no longer maintained. If you need them, stay on version 1.x with Kirby 4 or 5.
  • The cssMaxWidth, cssMaxHeight and menuBarPosition options.

Upgrade notes

  • Requires Kirby 6 and PHP 8.3 or newer. For Kirby 4 and 5, keep using 1.3.0.
  • The plugin is now called Image Editor. The repository moved to https://github.com/owebstudio/kirby-image-editor, the Composer package is owebstudio/kirby-image-editor and the plugin folder is site/plugins/kirby-image-editor. Delete the old site/plugins/kirby-tui-image-editor folder when you install the new version.
  • Your blueprints and content keep working: the field type is still image-editor. The menu option keeps crop, rotate, flip, resize and filter and ignores the other tools.
  • Config options now use the owebstudio.image-editor prefix. Options under owebstudio.tui-image-editor are still read.
  • Your license key stays active.

See the README for all options.

License: oweb studio Commercial License

Assets 2
Loading