Question

我正在为小型小学创建一个网页，教师可以在这里为儿童父母制作新帖子。网页非常简单，我想保持简单，但text_area存在问题。在视图中，所有书面文本都在一个块中，但我想在新行中写一些句子，我怎么做才能保持简单。我不想为这个问题使用富文本编辑器。

谢谢。

Answer 1

在您的视图中，使用simple_format()这将显示所有输入的文字，包含空格和换行符。

我的某个应用中的示例：

<div id="report-body">
    <%= simple_format(@report.body) %>
</div>

Answer 2

使用line feed和carriage return将new line放入text area（即）


例如：

<textarea>This is first line. &#13;&#10;</textarea>

要在文本区域中添加
，您需要实现一些javascript来创建键盘快捷键。

Answer 3

我不确定我是否正确地提出了你的问题;我认为这是一个关于CSS的问题。我想你只需要提供这个属性：

white-space: pre;

在textarea的css中。然后，所有空白区域（包括回车）将显示在textarea中。

Answer 4

为了简单起见，将文本包装在html标签内，您还可以根据需要添加简单的CSS并设置页面样式。

<p> This is your paragraph </p>
<h1> This is your heading </h1>

使用<br>标记来破解行