Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Skripten / Logik
  4. Blockly
  5. Textfeld mit Zeilenumbruch erzeugen

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    6
    1
    253

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    9
    1
    244

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    901

Textfeld mit Zeilenumbruch erzeugen

Geplant Angeheftet Gesperrt Verschoben Blockly
23 Beiträge 5 Kommentatoren 1.2k Aufrufe 3 Beobachtet
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • HomoranH Homoran

    @hg6806 sagte in Textfeld mit Zeilenumbruch erzeugen:

    in einem größeren Textfeld untereinander aufgelistet

    mit welchem Widget?

    CodierknechtC Offline
    CodierknechtC Offline
    Codierknecht
    Developer Most Active
    schrieb am zuletzt editiert von Codierknecht
    #6

    @homoran sagte in Textfeld mit Zeilenumbruch erzeugen:

    in einem größeren Textfeld untereinander aufgelistet

    Wer lesen kann, ist klar im Vorteil.

    mit welchem Widget?

    Ich habe mal ausprobiert:

    • html (mit Binding)
    • string
    • string (unescaped)
    • note

    ... und muss @hg6806 erstmal Recht geben: Kein Zeilenumbruch :-(

    2c9ab503-2b0c-4c8d-9884-c0594a00b584-image.png
    20f60846-a15d-4015-bbad-ba395d075335-image.png

    "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

    Proxmox 9.1.1 LXC|8 GB|Core i7-6700
    HmIP|ZigBee|Tasmota|Unifi
    Zabbix Certified Specialist
    Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

    1 Antwort Letzte Antwort
    0
    • HomoranH Nicht stören
      HomoranH Nicht stören
      Homoran
      Global Moderator Administrators
      schrieb am zuletzt editiert von
      #7

      @codierknecht und mit <br>

      kein Support per PN! - Fragen im Forum stellen -
      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
      Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

      CodierknechtC 1 Antwort Letzte Antwort
      1
      • HomoranH Homoran

        @codierknecht und mit <br>

        CodierknechtC Offline
        CodierknechtC Offline
        Codierknecht
        Developer Most Active
        schrieb am zuletzt editiert von
        #8

        @homoran sagte in Textfeld mit Zeilenumbruch erzeugen:

        und mit <br>

        Wo soll das herkommen?

        Den Text von Hand zusammenklöppeln und dort ein <br> reinfummeln geht natürlich immer.
        Das dann in ein HTML-Widget und fertig.

        Ich (und vermutlich auch @hg6806 ) stelle mir da allerdings die Frage: Wozu dient der Block "Neue Zeile"?

        @haus-automatisierung Kannst Du uns hier Licht ans Fahrrad machen?

        "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

        Proxmox 9.1.1 LXC|8 GB|Core i7-6700
        HmIP|ZigBee|Tasmota|Unifi
        Zabbix Certified Specialist
        Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

        haus-automatisierungH HomoranH DJMarc75D 3 Antworten Letzte Antwort
        0
        • CodierknechtC Codierknecht

          @homoran sagte in Textfeld mit Zeilenumbruch erzeugen:

          und mit <br>

          Wo soll das herkommen?

          Den Text von Hand zusammenklöppeln und dort ein <br> reinfummeln geht natürlich immer.
          Das dann in ein HTML-Widget und fertig.

          Ich (und vermutlich auch @hg6806 ) stelle mir da allerdings die Frage: Wozu dient der Block "Neue Zeile"?

          @haus-automatisierung Kannst Du uns hier Licht ans Fahrrad machen?

          haus-automatisierungH Offline
          haus-automatisierungH Offline
          haus-automatisierung
          Developer Most Active
          schrieb am zuletzt editiert von haus-automatisierung
          #9

          @codierknecht sagte in Textfeld mit Zeilenumbruch erzeugen:

          Wo soll das herkommen?

          z.B. mit einem .join('<br/>'); auf einem Array.

          @codierknecht sagte in Textfeld mit Zeilenumbruch erzeugen:

          Wozu dient der Block "Neue Zeile"?

          Na um die White-Space-Zeichen einzufügen, welche dort definiert sind (also \n, \r\n oder \r). Das ist aber eher für Text-Dateien interessant. HTML interessiert der Zeilenumbruch recht wenig.

          Normalerweise hätte ich jetzt erwartet, dass im HTML selbst der Umbruch zu sehen ist - den muss also das Widget aktiv entfernen?! Nur im Browser wäre das natürlich nach wie vor kein Umbruch.

          Könnte man jetzt drüber sprechen, ob das Widget ein \n in ein <br> für HTML wandeln sollte. Eine Option dafür wäre schon nett. In vielen Programmiersprachen gibts Funktionen dafür (wie nl2br).

          🧑‍🎓 Autor des beliebten ioBroker-Master-Kurses
          🎥 Tutorials rund um das Thema DIY-Smart-Home: https://haus-automatisierung.com/
          📚 Meine inoffizielle ioBroker Dokumentation

          CodierknechtC 1 Antwort Letzte Antwort
          1
          • CodierknechtC Codierknecht

            @homoran sagte in Textfeld mit Zeilenumbruch erzeugen:

            und mit <br>

            Wo soll das herkommen?

            Den Text von Hand zusammenklöppeln und dort ein <br> reinfummeln geht natürlich immer.
            Das dann in ein HTML-Widget und fertig.

            Ich (und vermutlich auch @hg6806 ) stelle mir da allerdings die Frage: Wozu dient der Block "Neue Zeile"?

            @haus-automatisierung Kannst Du uns hier Licht ans Fahrrad machen?

            HomoranH Nicht stören
            HomoranH Nicht stören
            Homoran
            Global Moderator Administrators
            schrieb am zuletzt editiert von Homoran
            #10

            @codierknecht sagte in Textfeld mit Zeilenumbruch erzeugen:

            Wo soll das herkommen?

            ist ewig her dass ich mich mit dem neue Zeile Block rumgeärgert hsbe.
            Sollte auch im log per debug-Block die Werte untereinander schreiben.
            Hat nie geklappt.

            Hab dann u.a. für das Eventlist Widget mit <br> gearbeitet
            Screenshot_20240228-135858_Firefox.jpg
            Screenshot_20240228-135953_Firefox.jpg

            und auch die anderen Highlights aus HTML

            Screenshot_20240228-140531_Firefox.jpg

            kein Support per PN! - Fragen im Forum stellen -
            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
            Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
            der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

            1 Antwort Letzte Antwort
            0
            • CodierknechtC Codierknecht

              @homoran sagte in Textfeld mit Zeilenumbruch erzeugen:

              und mit <br>

              Wo soll das herkommen?

              Den Text von Hand zusammenklöppeln und dort ein <br> reinfummeln geht natürlich immer.
              Das dann in ein HTML-Widget und fertig.

              Ich (und vermutlich auch @hg6806 ) stelle mir da allerdings die Frage: Wozu dient der Block "Neue Zeile"?

              @haus-automatisierung Kannst Du uns hier Licht ans Fahrrad machen?

              DJMarc75D Offline
              DJMarc75D Offline
              DJMarc75
              schrieb am zuletzt editiert von
              #11

              @codierknecht
              Ich verwende diesen Baustein nur um auszuwerten - so z.B.

              Screenshot 2024-02-28 140037.png

              Lehrling seit 1975 !!!
              Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
              https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

              1 Antwort Letzte Antwort
              1
              • haus-automatisierungH haus-automatisierung

                @codierknecht sagte in Textfeld mit Zeilenumbruch erzeugen:

                Wo soll das herkommen?

                z.B. mit einem .join('<br/>'); auf einem Array.

                @codierknecht sagte in Textfeld mit Zeilenumbruch erzeugen:

                Wozu dient der Block "Neue Zeile"?

                Na um die White-Space-Zeichen einzufügen, welche dort definiert sind (also \n, \r\n oder \r). Das ist aber eher für Text-Dateien interessant. HTML interessiert der Zeilenumbruch recht wenig.

                Normalerweise hätte ich jetzt erwartet, dass im HTML selbst der Umbruch zu sehen ist - den muss also das Widget aktiv entfernen?! Nur im Browser wäre das natürlich nach wie vor kein Umbruch.

                Könnte man jetzt drüber sprechen, ob das Widget ein \n in ein <br> für HTML wandeln sollte. Eine Option dafür wäre schon nett. In vielen Programmiersprachen gibts Funktionen dafür (wie nl2br).

                CodierknechtC Offline
                CodierknechtC Offline
                Codierknecht
                Developer Most Active
                schrieb am zuletzt editiert von
                #12

                @haus-automatisierung sagte in Textfeld mit Zeilenumbruch erzeugen:

                Könnte man jetzt drüber sprechen, ob das Widget ein \n in ein <br> für HTML wandeln sollte. Eine Option dafür wäre schon nett.

                Oder eine 4. Option im "Neue Zeile" Block 😁

                "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

                Proxmox 9.1.1 LXC|8 GB|Core i7-6700
                HmIP|ZigBee|Tasmota|Unifi
                Zabbix Certified Specialist
                Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

                haus-automatisierungH 1 Antwort Letzte Antwort
                0
                • CodierknechtC Codierknecht

                  @haus-automatisierung sagte in Textfeld mit Zeilenumbruch erzeugen:

                  Könnte man jetzt drüber sprechen, ob das Widget ein \n in ein <br> für HTML wandeln sollte. Eine Option dafür wäre schon nett.

                  Oder eine 4. Option im "Neue Zeile" Block 😁

                  haus-automatisierungH Offline
                  haus-automatisierungH Offline
                  haus-automatisierung
                  Developer Most Active
                  schrieb am zuletzt editiert von
                  #13

                  @codierknecht Das ist ... Text. Du kannst genauso ein Text-Block nehmen und da <br> reinschreiben. Wo wäre der Vorteil im Neue-Zeile-Block?

                  🧑‍🎓 Autor des beliebten ioBroker-Master-Kurses
                  🎥 Tutorials rund um das Thema DIY-Smart-Home: https://haus-automatisierung.com/
                  📚 Meine inoffizielle ioBroker Dokumentation

                  CodierknechtC 1 Antwort Letzte Antwort
                  1
                  • haus-automatisierungH haus-automatisierung

                    @codierknecht Das ist ... Text. Du kannst genauso ein Text-Block nehmen und da <br> reinschreiben. Wo wäre der Vorteil im Neue-Zeile-Block?

                    CodierknechtC Offline
                    CodierknechtC Offline
                    Codierknecht
                    Developer Most Active
                    schrieb am zuletzt editiert von
                    #14

                    @haus-automatisierung sagte in Textfeld mit Zeilenumbruch erzeugen:

                    Du kannst genauso ein Text-Block nehmen und da <br> reinschreiben

                    Das macht wohl jeder so, der irgendwo einen Zeilenumbruch für HTML braucht.

                    Wo wäre der Vorteil im Neue-Zeile-Block?

                    Na für HTML wäre ja ein <br> genau das - eine neue Zeile.
                    Mir persönlich ist das Wumpe. Aber ich bin ja nicht der TE.

                    "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

                    Proxmox 9.1.1 LXC|8 GB|Core i7-6700
                    HmIP|ZigBee|Tasmota|Unifi
                    Zabbix Certified Specialist
                    Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

                    haus-automatisierungH 1 Antwort Letzte Antwort
                    0
                    • CodierknechtC Codierknecht

                      @haus-automatisierung sagte in Textfeld mit Zeilenumbruch erzeugen:

                      Du kannst genauso ein Text-Block nehmen und da <br> reinschreiben

                      Das macht wohl jeder so, der irgendwo einen Zeilenumbruch für HTML braucht.

                      Wo wäre der Vorteil im Neue-Zeile-Block?

                      Na für HTML wäre ja ein <br> genau das - eine neue Zeile.
                      Mir persönlich ist das Wumpe. Aber ich bin ja nicht der TE.

                      haus-automatisierungH Offline
                      haus-automatisierungH Offline
                      haus-automatisierung
                      Developer Most Active
                      schrieb am zuletzt editiert von
                      #15

                      @codierknecht sagte in Textfeld mit Zeilenumbruch erzeugen:

                      Das macht wohl jeder so, der irgendwo einen Zeilenumbruch für HTML braucht.

                      Na meiner Meinung nach gehört HTML eh nicht in die Datenpunkte direkt. Aber das ist ein anderes Thema.

                      🧑‍🎓 Autor des beliebten ioBroker-Master-Kurses
                      🎥 Tutorials rund um das Thema DIY-Smart-Home: https://haus-automatisierung.com/
                      📚 Meine inoffizielle ioBroker Dokumentation

                      HomoranH 1 Antwort Letzte Antwort
                      0
                      • haus-automatisierungH haus-automatisierung

                        @codierknecht sagte in Textfeld mit Zeilenumbruch erzeugen:

                        Das macht wohl jeder so, der irgendwo einen Zeilenumbruch für HTML braucht.

                        Na meiner Meinung nach gehört HTML eh nicht in die Datenpunkte direkt. Aber das ist ein anderes Thema.

                        HomoranH Nicht stören
                        HomoranH Nicht stören
                        Homoran
                        Global Moderator Administrators
                        schrieb am zuletzt editiert von
                        #16

                        @haus-automatisierung sagte in Textfeld mit Zeilenumbruch erzeugen:

                        @codierknecht sagte in Textfeld mit Zeilenumbruch erzeugen:

                        Das macht wohl jeder so, der irgendwo einen Zeilenumbruch für HTML braucht.

                        Na meiner Meinung nach gehört HTML eh nicht in die Datenpunkte direkt. Aber das ist ein anderes Thema.

                        Aber wenn alles andere um irgendwie neue Zeilen zu erzeugen nicht klappt?
                        Was soll man denn dann machen?

                        kein Support per PN! - Fragen im Forum stellen -
                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                        Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
                        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                        1 Antwort Letzte Antwort
                        0
                        • hg6806H Offline
                          hg6806H Offline
                          hg6806
                          Most Active
                          schrieb am zuletzt editiert von
                          #17

                          Gerade mal

                          \r\n
                          

                          ausprobiert, leider das gleiche Ergebnis.

                          DJMarc75D 1 Antwort Letzte Antwort
                          0
                          • hg6806H hg6806

                            Gerade mal

                            \r\n
                            

                            ausprobiert, leider das gleiche Ergebnis.

                            DJMarc75D Offline
                            DJMarc75D Offline
                            DJMarc75
                            schrieb am zuletzt editiert von
                            #18

                            @hg6806 sagte in Textfeld mit Zeilenumbruch erzeugen:

                            Gerade mal
                            \r\n

                            ausprobiert, leider das gleiche Ergebnis.

                            wie schon erwähnt den normalen Textbaustein verwenden:
                            Screenshot 2024-02-28 183859.png

                            und dort

                            <br>
                            

                            eingeben.

                            Dann den Datenpunkt im HTML-Widget als Binding einfügen

                            Lehrling seit 1975 !!!
                            Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
                            https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

                            hg6806H 1 Antwort Letzte Antwort
                            0
                            • DJMarc75D DJMarc75

                              @hg6806 sagte in Textfeld mit Zeilenumbruch erzeugen:

                              Gerade mal
                              \r\n

                              ausprobiert, leider das gleiche Ergebnis.

                              wie schon erwähnt den normalen Textbaustein verwenden:
                              Screenshot 2024-02-28 183859.png

                              und dort

                              <br>
                              

                              eingeben.

                              Dann den Datenpunkt im HTML-Widget als Binding einfügen

                              hg6806H Offline
                              hg6806H Offline
                              hg6806
                              Most Active
                              schrieb am zuletzt editiert von
                              #19

                              @djmarc75

                              Heißt in HTML - Edit Text dann den Datenpunkt in geschweiften Klammern eingeben, mehr nicht?

                              DJMarc75D 1 Antwort Letzte Antwort
                              0
                              • hg6806H hg6806

                                @djmarc75

                                Heißt in HTML - Edit Text dann den Datenpunkt in geschweiften Klammern eingeben, mehr nicht?

                                DJMarc75D Offline
                                DJMarc75D Offline
                                DJMarc75
                                schrieb am zuletzt editiert von
                                #20

                                @hg6806

                                Als Beispiel:

                                Screenshot 2024-02-28 185106.png

                                Lehrling seit 1975 !!!
                                Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
                                https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

                                hg6806H 1 Antwort Letzte Antwort
                                0
                                • DJMarc75D DJMarc75

                                  @hg6806

                                  Als Beispiel:

                                  Screenshot 2024-02-28 185106.png

                                  hg6806H Offline
                                  hg6806H Offline
                                  hg6806
                                  Most Active
                                  schrieb am zuletzt editiert von
                                  #21

                                  @djmarc75

                                  Genau, so meinte ich das.

                                  Funktioniert! Danke!

                                  Jetzt müsste die Schriftart nur noch 1 Nr. größer sein und in Rot.

                                  Muss ich das wie @Homoran in jede Zeil im Text machen oder geht das einfacher einmal in HTML?

                                  HomoranH 1 Antwort Letzte Antwort
                                  0
                                  • hg6806H hg6806

                                    @djmarc75

                                    Genau, so meinte ich das.

                                    Funktioniert! Danke!

                                    Jetzt müsste die Schriftart nur noch 1 Nr. größer sein und in Rot.

                                    Muss ich das wie @Homoran in jede Zeil im Text machen oder geht das einfacher einmal in HTML?

                                    HomoranH Nicht stören
                                    HomoranH Nicht stören
                                    Homoran
                                    Global Moderator Administrators
                                    schrieb am zuletzt editiert von
                                    #22

                                    @hg6806 müsste 1x reichen, wenn es ein Text ist.

                                    ich habe ja verschiedene Meldu gen, die je nach Wichtigkeit Größe, Farbe und Fettdruck bekommen.

                                    kein Support per PN! - Fragen im Forum stellen -
                                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                    Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
                                    der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                                    hg6806H 1 Antwort Letzte Antwort
                                    0
                                    • HomoranH Homoran

                                      @hg6806 müsste 1x reichen, wenn es ein Text ist.

                                      ich habe ja verschiedene Meldu gen, die je nach Wichtigkeit Größe, Farbe und Fettdruck bekommen.

                                      hg6806H Offline
                                      hg6806H Offline
                                      hg6806
                                      Most Active
                                      schrieb am zuletzt editiert von
                                      #23

                                      @homoran
                                      Stimmt, man kann es auch unten in CSS einstellen. Das klappt.

                                      Danke allen nochmal!

                                      1 Antwort Letzte Antwort
                                      0

                                      Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                                      Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                                      Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                                      Registrieren Anmelden
                                      Antworten
                                      • In einem neuen Thema antworten
                                      Anmelden zum Antworten
                                      • Älteste zuerst
                                      • Neuste zuerst
                                      • Meiste Stimmen


                                      Support us

                                      ioBroker
                                      Community Adapters
                                      Donate

                                      288

                                      Online

                                      32.8k

                                      Benutzer

                                      82.8k

                                      Themen

                                      1.3m

                                      Beiträge
                                      Community
                                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                      ioBroker Community 2014-2025
                                      logo
                                      • Anmelden

                                      • Du hast noch kein Konto? Registrieren

                                      • Anmelden oder registrieren, um zu suchen
                                      • Erster Beitrag
                                        Letzter Beitrag
                                      0
                                      • Home
                                      • Aktuell
                                      • Tags
                                      • Ungelesen 0
                                      • Kategorien
                                      • Unreplied
                                      • Beliebt
                                      • GitHub
                                      • Docu
                                      • Hilfe