Zeilenumbrüche in Textarea-Elementen

Question

Dies ist PURE HTML. (kein php oder ähnliches, wenn Sie den Hintergrund wissen wollen, ist es eine C#-Anwendung mit HTML in einer Webansicht).

Alle meine HTML-Dateien sind schön formatiert und aus Gründen der Wartungsfreundlichkeit und so weiter korrekt eingerückt.

Hier ist ein Auszug:

<tr>
    <td class="label">Clinic Times:</td>
    <td><textarea name="familyPlanningClinicSessionsClinicTimes">Monday:
    Tuesday:
    Wednesday:
    Thursday:
    Friday:
    Saturday:
    Sunday:</textarea></td>
</tr>

Die Zeilenumbrüche in der <textarea></textarea> Element sind dazu da, die Zeilenumbrüche auf der Seite zu erhalten. Es enthält jedoch auch die Einrückung im Textarea-Element.

z.B..

Die einzige Möglichkeit, dieses Problem zu beheben, besteht darin, die Einrückung zu entfernen. Es ist nicht das Ende der Welt, aber gibt es einen anderen Weg, um die schöne Formatierung zu behalten? Danke!

Answer 1

Wenn Sie lediglich eine Liste von Elementen wünschen, können Sie <ul> <li>"Monday"</li> <li>"Tuesday"</li> ... </ul>
Verwendung von <ul><li></li></ul> beginnt eine vorformatierte Liste mit <ul> Start der Liste und <li> mit jedem Punkt auf der Liste beginnen. Diese Methode erfordert kein Java oder CSS und wird automatisch eingerückt.

Answer 2

Dies funktioniert für mich in Angular:

ts: log: string[] = [];

html: <textarea row=5 col=50>{{ log.join("&#10;") }}</textarea>

Ergebnis: In der Textarea wird jedes Element des Protokolls in einer neuen Zeile angezeigt.

Answer 3

Probieren Sie <br/>, wenn es Ihnen gut tut:

Monday:<br/>Tuesday:<br/>...