text_area 文本格式答案

【问题标题】：text_area text formattingtext_area 文本格式
【发布时间】：2013-02-21 17:19:17
【问题描述】：

我正在为小型小学创建一个网页，教师可以在其中为儿童家长发布新帖子。网页很简单，我想保持简单，但是text_area有问题。在视图中，所有书面文本都在一个块中，但我想在换行中写一些句子，我该怎么做才能保持简单。我不想使用富文本编辑器来解决这个问题。

【问题讨论】：

【解决方案1】：

在您看来，使用simple_format() 这将显示所有键入的文本，包括空格和换行符。

来自我的一个应用程序的示例：

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

【讨论】：

【解决方案2】：

使用line feed 和carriage return 将new line 放入text area（即&#13;&#10;）中

例如：

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

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

【讨论】：

【解决方案3】：

我不确定我是否正确地回答了您的问题；我认为这是一个关于css的问题。我想你只需要给这个属性：

white-space: pre;

在 textarea 的 css 中。然后，所有的空格，包括回车，都会在 textarea 中出现。

【讨论】：

【解决方案4】：

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

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

使用<br> 标记换行

【讨论】：