textarea元素中的换行符

Question

这是纯HTML。 （没有php或类似的东西，如果你想在Web视图中知道它是一个带有HTML的C＃应用​​程序的背景。）

我的所有HTML文件都经过精心设计，并且可以正确缩进以实现可维护性等。

以下是摘录：

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

<textarea></textarea>元素中的换行符用于获取页面上的换行符。但是它还包括textarea元素中的缩进。

e.g。

我能想到删除此问题的唯一方法是删除缩进。它不是世界末日，但有另一种方式，保持良好的格式？感谢。

Answer 1

你可以使用
（这意味着html中的新行），但也许这不是一个很好的格式，就像你说的那样......

  

我能想到删除此问题的唯一方法是删除缩进。它不是世界末日，但还有另一种方式，保持良好的格式化吗？

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

Answer 2

您的问题没有纯HTML解决方案。 Textareas总是在其内容中显示任何空格。

在一个完美的世界中，你将能够利用CSS属性white-space;不幸的是，它也不适用于textareas。

Answer 3

您可以将<div>与contenteditable属性一起使用：

<div contenteditable="true" style="width: 450px; height: 300px; white-space: pre-line;" name="familyPlanningClinicSessionsClinicTimes">Monday:
                            Tuesday:
                            Wednesday:
                            Thursday:
                            Friday:
                            Saturday:
                            Sunday:</div>

但在你的情况下，我认为思路解决方案只是使用几个普通的文本框，每天一个：

Monday: <input type="text" name="familyPlanningClinicSessionsClinicTimesMonday" /><br />
Tuesday: <input type="text" name="familyPlanningClinicSessionsClinicTimesTuesday" /><br />
...

Answer 4

都能跟得上; textarea将吐回实际上的任何东西。

你可以从JavaScript中注入值，但这对于孤立的东西来说似乎有很多工作要做。

Answer 5

在C＃中，如果要将新行发送到textarea，可以使用Environment.NewLine

Answer 6

如果您只想要一个项目列表，则可以使用 document.getElementsByTagName("input") ... <ul> <li>"Monday"</li> <li>"Tuesday"</li>使用</ul>将启动预先格式化的列表，其中<ul><li></li></ul>开始列表，<ul>启动列表中的每个项目。此方法不需要任何java或css，并将自动缩进。

Answer 7

这在角度上对我有用：

ts： log: string[] = [];

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

结果： 在textarea中，日志的每个项目都显示在新行中。

Answer 8

尝试＆lt; br /＆gt;如果它对你有好处：

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