Zeilenumbrüche bei der Anzeige von Informationen in einer externen Integration

Bestellungen geliefert
1

Hallo,

Beim Entwickeln einer Integration hatte ich Schwierigkeiten mit Zeilenumbrüchen

Es sollte möglich sein, Zeilenumbrüche beim Anzeigen von Informationen in einer externen Integration zu machen

Hier ist die Rückmeldung von Claude zur Vigieau-Integration zum Beispiel:

Warum ein Ort pro Zeile unmöglich ist

Der Zeilenumbruch wird gesendet — ein echter \n — und man sieht ihn in den Container-Logs. Es ist die Konfigurationsseite von Gladys, die ihn „frisst“, aus drei kumulativen Gründen:

  1. ActionsCard.jsx rendert die Antwort als <div class="alert alert-success">{getLocalizedText(...)}</div>: ein Text-Child von React. Jede Markup wird entkommen, also sind weder <br> noch <pre> möglich.
  2. In HTML ist ein \n im Text ein Leerzeichen, es sei denn, das CSS sagt white-space: pre-wrap. Weder das CSS von Gladys noch das .alert von Tabler setzen es (das einzige pre-wrap im gesamten Frontend der externen Integrationen ist auf der LOGS-Seite).
  3. Die Unicode-Trennzeichen U+2028 / U+2029, die die CSS-Spezifikation als erzwungene Zeilenumbrüche präsentiert, wurden in Chromium gemessen: sie werden ebenfalls zusammengeklappt.

Überprüft am Tag v4.84.4 und auf master. Es gibt also nichts anderes zu senden: Der Fix ist eine CSS-Regel in einer Zeile im Kern von Gladys, nicht etwas, das diese Integration liefern kann. Daher das „•“, das jeden Eintrag eröffnet: Es ist das, was die Liste lesbar hält, wenn alles auf eine Zeile gedrückt wird — eine nackte Nummer geht zwischen einer Postleitzahl und zwei Koordinaten verloren, ein „•“ kann nicht in einer Adresse auftauchen.

2

Verfügbar in Gladys Assistant 4.85: