Zum Hauptinhalt springen

Formatierungsmöglichkeiten für Platzhalter

S
Verfasst von Support Empro

Die folgenden Formatierungsoptionen bieten eine umfangreiche Möglichkeit, Platzhalter in Dokumenten präzise zu gestalten und an unterschiedliche Anforderungen anzupassen. Sie ermöglichen es, Daten auf eine benutzerfreundliche Weise zu präsentieren, sei es für Bilder, Zahlen oder Datumsangaben.

Eine Übersicht aller Platzhalter finden Sie hier: Platzhalter für Vorlagen.

Bilder – Formatierung und Darstellung

  1. Originalgröße eines Bildes

    1. Platzhalter: {{estate.images[0]}}

    2. Hinweis: Dieser Platzhalter ersetzt das Bild in seiner Originalgröße und bettet es in ein HTML-Bild-Tag ein.

  2. Zweites Bild – Zuschneiden auf 100x150 Pixel

    1. Platzhalter: {{estate.images[1]|crop:100x150}}

    2. Hinweis: Das Bild wird auf die Größe 100x150 Pixel zugeschnitten und im HTML-Bild-Tag eingebettet.

  3. Zweites Bild – Einpassen in eine 100x150 Pixel große Fläche

    1. Platzhalter: {{estate.images[1]|inside:100x150}}

    2. Hinweis: Das Bild wird innerhalb eines Rahmens von 100x150 Pixeln angepasst, wobei die Bildqualität auf 80 % gesetzt wird.

  4. Drittes Bild – Verwendung der Originalgröße

    1. Platzhalter: {{estate.images[2]}}

    2. Hinweis: Das Bild wird in seiner Originalgröße angezeigt, ohne jegliche Formatierung oder Zuschneidung.

  5. Fehlendes Bild – Platzhalter wird durch einen leeren String ersetzt

    1. Platzhalter: {{estate.images[27]}}

    2. Hinweis: Wenn das Bild nicht vorhanden ist, wird der Platzhalter durch einen leeren String ersetzt.

  6. Auswahl eines Bildes via JSON-Path-Iteration

    1. Platzhalter: {{estate.images[?(@.category.id==1001)]}}

    2. Hinweis: Bilder können auch über eine JSON-Path-Iteration nach bestimmten Kategorien gefiltert und angezeigt werden.

  7. Zugriff auf zusätzliche Bild-Eigenschaften

    1. Platzhalter: {{estate.images[0].description}}

    2. Ersetzter Wert: Bildbeschreibung

    3. Hinweis: Weitere Iterationen innerhalb der Bilddaten ermöglichen den Zugriff auf zusätzliche Eigenschaften wie Beschreibungen.

Formatierungsstile für Zahlen und Datumsfelder

  1. Dezimalzahlen

    1. Beispiel-Platzhalter: {{estate.energy.countrySpecific.de.energyCertificates[0].heatingNeed|decimal}}

    2. Ersetzter Wert: 4630.438 => 4.630,44

    3. Hinweis: Dezimalwerte werden mit einem Komma als Dezimaltrennzeichen und mit Tausendertrennung formatiert.

  2. Ganzzahlen

    1. Beispiel-Platzhalter: {{estate.rooms.numberOfBedrooms|integer}}

    2. Ersetzter Wert: 1200 => 1.200

    3. Hinweis: Ganzzahlen werden mit Tausendertrennung angezeigt, ohne Dezimalstellen.

  3. Währung

    1. Beispiel-Platzhalter: {{estate.prices.rent.baseRent.amount|currency}}

    2. Ersetzter Wert: 1130 => 1.130,00 €

    3. Hinweis: Währungsbeträge werden mit dem Euro-Symbol und Tausendertrennung formatiert.

  4. Prozent

    1. Beispiel-Platzhalter: {{estate.buyerTenantFee.percentage|percent}}

    2. Ersetzter Wert: 0.0357 => 3,57 %

    3. Hinweis: Der Prozentsatz wird mit einer genauen Darstellung der Dezimalstellen und einem Prozentzeichen angezeigt.

  5. Datum und Uhrzeit (Standard)

    1. Beispiel-Platzhalter: {{address.firstContact|date-time}}

    2. Ersetzter Wert: 2024-06-17T23:59:00.000Z => 18.06.2024 01:59

    3. Hinweis: Das Datum wird im deutschen Format (Tag.Monat.Jahr) und die Uhrzeit im 24-Stunden-Format angezeigt.

  6. Datum (nur Datum)

    1. Beispiel-Platzhalter: {{address.lastContact|date}}

    2. Ersetzter Wert: 2024-06-17T23:59:00.000Z => 18.06.2024

    3. Hinweis: Nur das Datum wird im deutschen Format angezeigt.

  7. Datum und Uhrzeit (UTC)

    1. Beispiel-Platzhalter: {{address.offerConsent.date|date-time-utc}}

    2. Ersetzter Wert: 2024-06-17T23:59:00.000Z => 17.06.2024 23:59

    3. Hinweis: Das Datum und die Uhrzeit werden im UTC-Zeitformat angezeigt.

  8. Datum (UTC)

    1. Beispiel-Platzhalter: {{address.dayOfBirth|date-utc}}

    2. Ersetzter Wert: 2024-06-17T23:59:00.000Z => 17.06.2024

    3. Hinweis: Nur das Datum wird im UTC-Format angezeigt.

Formatierungsstile für Mehrfachangaben

Diese Formatierungsstile können Sie für Angaben zu einem Objekt nutzen, bei denen eine Mehrfachauswahl möglich ist. Dazu gehören Angaben wie beispielsweise Böden, Energieträger oder die Ausstattung des Badezimmers.

Das Trennzeichen kann unabhängig von den unten genannten Beispielen jederzeit durch ein anderes gewünschtes Trennzeichen ersetzt werden.

  1. Trennung durch Kommas

    1. Beispiel-Platzhalter: {{estate.features.floorCoverings|join:', ':'value'}}

    2. Beispiel-Wert: Marmor, Fliesen, Parkett

    3. Hinweis: Wenn mehrere Angaben ausgewählt werden, werden diese durch Kommas voneinander getrennt.

  2. Trennung durch Punkte

    1. Beispiel-Platzhalter: {{estate.features.floorCoverings|join:' • ':'value'}}

    2. Beispiel-Wert: Marmor • Fliesen • Parkett

    3. Hinweis: Wenn mehrere Angaben ausgewählt werden, werden diese durch Punkte voneinander getrennt.

  3. Trennung durch Schrägstriche

    1. Beispiel-Platzhalter: {{estate.features.floorCoverings|join:' / ':'value'}}

    2. Beispiel-Wert: Marmor / Fliesen / Parkett

    3. Hinweis: Wenn mehrere Angaben ausgewählt werden, werden diese durch Schrägstriche voneinander getrennt.

  4. Trennung durch Absätze

    1. Beispiel-Platzhalter: {{estate.features.floorCoverings|join:'\n':'value'}}

    2. Beispiel-Wert:

      Marmor

      Fliesen

      Parkett

    3. Hinweis: Wenn mehrere Angaben ausgewählt werden, werden diese durch Absätze voneinander getrennt und untereinander aufgezählt.

Diese Formatierungsoptionen bieten eine breite Palette an Möglichkeiten, um die Platzhalter für Bilder, Zahlen und Datumswerte nach den spezifischen Anforderungen der Anwendung zu gestalten. Sie helfen dabei, Daten in einem klaren, benutzerfreundlichen und ansprechenden Format darzustellen.

Hat dies deine Frage beantwortet?