Zum Hauptinhalt springen

Formatierungsmöglichkeiten für Platzhalter

F
Verfasst von Frank Müller
Vor über einer Woche aktualisiert

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.
      ​

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.

Verwandte Artikel
Platzhalter für Vorlagen
Hat dies deine Frage beantwortet?