friendsofredaxo / cropper

Bildbearbeitung im REDAXO-Medienpool: Zuschneiden, Drehen, Spiegeln.

REDAXO-AddOn: Cropper

Bildbearbeitung für REDAXO.

Stellt den Image-Cropper Cropper.js im Medienpool zur Verfügung. Lizenz: MIT

Features

• Zuschneiden
• Drehen
• Spiegeln
• Speichern als neue Datei
• Speichern in ausgewählte Kategorie
• Überschreiben des Originals
• Rechte für Benutzer
• Einstellungsmöglichkeit für "Aspect Ratios"
• Einstellung für Zoom-Modus: Touch, Mouse

Beschreibung

Cropper stellt eine einfache Bildbearbeitung im Medienpoool zur Verfügung. Der Aufruf der Bildbearbeitung erfolgt über den Button Bild bearbeitenin der Detailansicht des Bildes. Die bearbeiteten Bilder, werden per default als neue Datei gespeichert. Ein Überschreiben des Originals ist möglich. Nur Admins erhalten das Recht die Qualität der Bilder zu verringern.

Installation

1. Über Installer laden oder Zip-Datei im AddOn-Ordner entpacken, der Ordner muss „cropper“ heißen.
2. AddOn installieren und aktivieren.
3. Rechte für Rollen anpassen
4. Wenn gewünscht: eigene Vorgaben für Seitenverhältnisse in den Einstellungen hinterlegen

Bugtracker

Du hast einen Fehler gefunden oder ein nettes Feature parat? [Lege bitte ein Issue an]

Changelog

siehe Release notes

Lizenz

siehe LICENSE.md

Autor

Friends Of REDAXO

• http://www.redaxo.org
• https://github.com/FriendsOfREDAXO

Projekt-Lead

Alex Wenz

Credits

Initiator: Thomas Skerbis

1st Developer: Joachim Dörr

Danke an:

• Wasserverbund Niederrhein
• REXFamilyWeek
• Sven Haustein

cropper's Issues

Bearbeiten Link in Media-List

der mediales könnte man ein bearbeiten link verpassen unter funktion das täte sicher sinn machen

Titel und weitere Meta-Felder übernehmen?

Zunächst noch einmal ein großes Lob ans Team – die Änderungen der letzten Versionen haben dieses tolle Addon für mich merklich aufgewertet!

Hier noch ein Vorschlag:

Wenn man nach dem Zuschneiden speichert, wäre es toll, wenn von dem Ausgangsbild verschiedene Feldinhalte übernommen werden könnten: also der Titel und falls möglich auch für Medien definierte zusätzliche Meta-Info-Felder, falls welche existieren (z.B. Felder für Copyright, Beschreibungstext oder Sprach-spezifische Titel).

• Beim Überschreiben des bestehendes Bildes wird momentan anscheinend der Titel übernommen (oder beibehalten?), restliche Felder aber ignoriert (bzw. gelöscht?).

• Beim Speichern in ein neues Bild sind alle Felder leer – auch der Titel.

cropper 1.4.0 assets/css/cropper.css unvollständig

Description / Beschreibung
assets/css/cropper.css unvollständig, wird im Medienpool daher nicht richtig dargestellt
siehe letzte Änderung: 63a1ca2#diff-91f4b339712291fd4daa8263dc33a65ff93d2a4fa89a942d99f99763fe050516

Affected versions / Verwendete Versionen
1.4.0

Anregung: Backup der Originaldatei / "Zurück zum Original"

Man könnte vielleicht auch überlegen, dass (optional) ein Backup der Originaldatei irgendwo anders abgelegt wird.
Man würde also schon die eine gerade geöffnete Datei direkt bearbeiten. Aus Außensicht gibt es danach also nur die geänderte Datei.
Aber man könnte dann trotzdem einen Button “Zurück zum Original” anbieten.

Rotate-Left and Rotate-Right Änderungen werden nicht übernommen

Änderungen, die mit Rotate-Left oder right gemacht werden, werden nicht übernommen. Es wird zwar gecroppt, aber nicht gedreht.

Rex: 5.7.0-beta2
PHP 7.1.26

Cache gelöscht

Bearbeitete Datei wird von Non-Admin ohne overwrite-Rechte überschrieben und nicht als neue Datei gespeichert.

Bearbeiten eines Bildes und abspeichern als Admin funktioniert. Als "normaler" Backend-Nutzer wird, nachdem die Option als neue Datei speichern ausgewählt und manuell auch ein anderer Dateiname eingegeben wurde, die ursprüngliche Datei überschrieben.

In der für den Nutzer zugrundeliegenden Rolle wurde "cropper[]" ausgewählt "cropper[overwrite]" jedoch nicht.

Verwendete cropper-Version: 1.3.0

REDAXO: 5.14.1
PHP: 8.0.22
Database: MariaDB 10.3.34
Browser: Firefox Developer
AddOns: 105.09b1

Größenänderung hinzufügen

Es wäre schön, wenn zum Zuschnitt auch noch eine reine Funktion zur Größenänderung hinzukommen könnte.
Man hat ab und an immer mal den Fall, dass man ein Bild einfach nur kleiner rechnen möchten.

Anordnung / Reihenfolge Bearbeiten-Button und zusätzliche Meta-Info Felder

Wenn man zusätzliche Meta Info-Felder für Medien definiert hat, dann erscheinen diese erst nach dem Cropper-Button.

Beispiel:
Titel <- Standardfeld
Medienkategorie <- Standardfeld
Cropper
Titel en <- zus. Meta-Info
Copyright <- zus. Meta-Info
Breite / Höhe
Dateiname
... usw

Es wäre m.E. schöner, wenn der Button erst nach evtl. vorhandenen Meta-Info-Feldern platziert sein könnte. Oder wenn man mittels irgendeiner Konfig oder Property Einfluss auf die Platzierung nehmen könnte.

Kategorieauswahl bei neuer Datei

Nach Bearbeitung den Button "Übernehmen" erhalten

Wird ein Bild bearbeitet, lässt es sich im Anschluss nicht mehr übernehmen.

Individuelle Ratios definieren

Frage: Hintergrundfarbe

Wenn man ein Bild mit dem Cropper erweitert, wird der transparente Bereich schwarz gefärbt. Kann man irgendwo einstellen, welche Farbe für den Hintergrund verwendet wird?

Schön wäre natürlich, wenn man das pro Bild einstellen könnte. Vorerst würde es mir aber reichen, wenn ich das direkt im Code ändern könnte.

Vielen Dank, super Ding!

Wunsch/Anregung: Editierbare "Aspect Ratios"

Habe gerade ein Projekt, bei dem es schön wäre, wenn man die Liste verfügbaren Seitenverhältnis-Optionen auszudünnen und mit eigenen zu versehen..

Wäre sowas denkbar?

Gecropptes Medium behält alte Abmaße Höhe/Breite statt zugeschnittene Maße

Description / Beschreibung
Korrekt wäre, neue Breite/Höhe auszulesen und zu hinterlegen.

Siehe https://friendsofredaxo.slack.com/archives/C1BAXLN2F/p1668599007789409

`test` notice – braucht man das oder kann das weg?

cropper/install.php

Line 5 in a29364c

rex_logger::factory()->log('notice', 'test', [], __FILE__, __LINE__);

irgendwie unschön ;)

Übernehmen Button wird in der Medienliste je Medium nicht mehr angezeigt

Wenn die Rolle nicht das Recht CROPPER[] hat.

Erweiterter Image Editor

Wirklich ein Nice To Have, aber manchmal sind hochgeladene Bilder noch zu dunkel etc. Vielleicht gibt es ja eine Library, die das einfach ermöglicht?

http://camanjs.com/
Ist ein Beispiel, das ich gefunden habe, das in die Richtung geht.

Oder http://fabricjs.com/image-filters

Bearbeitenlink in Listview optional

Den Zuschneiden-Link in der Listview des Medienpools bitte in den Settings deaktivieren können.

Nicht kompatibel mit REDAXO >= 5.13 // Medien werden nicht mehr übernommen

Wunsch: optional: Zoom per Mausrad ausschalten

Da der Medienpool in einem recht kleinen Pop-Up geöffnet wird, scrollt man gerne mal das Fenster runter, um dann die Einstellungen z.B. für den neuen Cropper-Dateinamen einzugeben. Wenn man dann mit der Maus über dem Arbeitsbereich steht, zoomt man sich seinen Ausschnitt weg.

Ich finde der Zoom über die Buttons ist ausreichend und auch genauer zu benutzen als mit dem Mausrad.