ImageEditor (SPT-Tag)

Name

<spt:imageeditor> - Erzeugt eine Bearbeitungsoberfläche für Bilder

Syntax

<spt:imageeditor name="Variablenname" focalpoint="true" delete="true">

Beschreibung

Der spt:imageeditor-Tag erzeugt eine Bearbeitungsoberfläche für Bilder. Es besteht die Möglichkeit einen Fokuspunkt zu definieren, der bei der Beschneidung des Bildes in andere Seitenverhältnisse Relevanz findet. Der Fokuspunkt sollte den wichtigsten Punkt des Bildes markieren. Desweiteren kann über die Option delete eine Schaltfläche zum Löschen des Bildes hinzugefügt werden.

Der Tag legt für etwaige gesetzte Bildoptionen ein verstecktes Content-Feld an: ${name}_options. Dieses wird automatisch von sp:scaleimage ausgewertet und für die Beschneidung berücksichtigt.

Attribute

Name	Type	Required	Default	ab IES Version
name	Variable	Nein	None	2.11
object	Media	Nein	None	2.11
focalpoint	Boolean	Nein	true	2.11
delete	Boolean	Nein	false	2.11
locale	Locale	Nein	None	2.11
width	Number	Nein	None	2.11

name

Bestimmt den Namen des Feldes.

object

Referenz zu einem Bild. Wenn eine Referenz zu einem Bild übergeben wird, ist der ImageEditor im Read-Only Modus.

focalpoint

Aktiviert die Bearbeitung des Fokus-Punktes

delete

Aktiviert die Möglichkeit das Bild im Editor löschen zu können

locale

Dieses Attribut bestimmt die Mehrsprachigkeit der Variablen.

width

Setzt die Breite des ImageEditors. Die Höhe wird dynamisch im Seitenverhältnis von 3/2 ermittelt.

Beispiele

Einfache Textarea

Textarea mit den dynamischen Attributen cols und rows

<sp:io type="in">
  <strong>Vorschaubild</strong><br>
  <spt:upload name="sp_image" size="80" previewimage="false" /><br>
  <sp:condition>
    <sp:if name="sp_image.isImage">
      <spt:imageeditor name="sp_image" width="572" />
    </sp:if>
    <sp:else>
      <p>Bitte laden Sie ein Bild hoch</p>
      <sp:checkbox name="sp_image" type="removeMedia" /> Löschen
    </sp:else>
  </sp:condition>
</sp:io>