当前位置: 首页 > 面试题库 >

保留textarea中的换行符

胡鸿禧
2023-03-14
问题内容

我有一个带有textarea的表单,我想保留输出内容时用户输入的换行符。

例如,如果我在textarea中写:

这是一个句子。这是另一个。这里还有一个。

这是一个新段落。这是一个新句子。这是另一个。

我想要相同的输出,而 不是

这是一个句子。这是另一个。这里还有一个。这是一个新段落。这是一个新句子。这是另一个。

如何保留换行符?


问题答案:

通常,您只需要添加

  • white-space: pre-line;空格修剪为单个空格

  • white-space: pre-wrap; 保留所有空白

到元素的样式(CSS),您要在其中使用换行符显示文本。



 类似资料:
  • 问题内容: 我正在使用文本区域使用户能够输入评论。但是,如果用户输入新行,则新行在输出时不会出现。有什么办法可以使换行符停留。 知道如何保存换行符吗? 问题答案: 两种解决方案: PHP功能: 例如, 将输入内容包装在标签中。

  • 问题内容: 我的代码而不是使用代码,因为我之前有过。 所以我的代码: 项目说明包含未呈现的换行符。 假设我已具备上述条件,如何轻松显示换行符? 问题答案: 基于@pilau的答案-但经过改进,即使是公认的答案也没有。 这将使用给定的换行符和空格,但也会在内容边界处中断内容。有关空白属性的更多信息,可以在这里找到: https://developer.mozilla.org/zh-CN/docs/W

  • 问题内容: 我有一些代码示例要在HTML文档中发布。我是用,标记包装它们,但是我希望它们的样式是这样的保留换行符。我也可以用标签,但我更喜欢使用CSS。 我已经在IE7中尝试了以下内容 这可能吗? 问题答案: 检查doctype是否有效并在第一行。也许它滑进了quirks mode??

  • 有没有一种方法可以避免用户输入的换行符。目前,我只是将用户输入发送到mongoDb并返回该文本。然而,如果我的输入是:“新行”,我的输出将是“新行”。有人能提出解决方案吗?

  • 问题内容: 在AngularJS部分中,我如下遍历条目列表: 的内容有一些换行符,AngularJS会忽略它们。如何使其保留换行符? 问题答案: 这只是基本的HTML。AngularJS对此不会做任何改变。您可以改用标签: 或使用CSS: 如果包含HTML代码,则可以使用: 不要忘记包括ngSanitize:

  • 问题内容: 我有一个简单的形式,像这样: 我将数据记录为以下三段: 在模板中,我想以只读方式查看该记录的内容。(不可编辑的表格) 在这种情况下,记录是包含数据的模型: -> 我该怎么做才能显示多行? 问题答案: 包括换行符在内的所有空格都被转换为HTML中的单个空格。 您的选择,从最佳到最差: 放在包含元素上。这告诉HTML完全显示源代码中显示的所有空白,包括换行符。(您也可以使用标签,但是这也会