javascript - 从带有换行符的文本区域到数据库的数据

标签 javascript php html mysql angularjs

我有一个简单的文本区域。单击保存按钮后,我将使用 Angular Controller 保存该数据。然后单击更新按钮后,我会更新该数据库中的一行,其中一个行字段是来自该文本区域的数据。

到目前为止一切顺利,更新完成正常,当我在文本区域中换行时问题就开始了,例如,我输入:

"Hi,↵This is another row"

我检查了该数据,当我将它保存在 Controller 中时,当我从服务器取回它时,它看起来像这样:“嗨,↵这是另一行”。

看起来不错,但是当我把它放在一个 div 中时,我得到以下信息:

"Hi,This is another row"

换行符去哪儿了?为什么不显示?

我尝试了很多东西,比如将换行符更改为 <br>一旦发送到数据库,稍后将其切换回换行符,似乎没有任何效果。

最佳答案

好的 - 您需要做的是使用 white-space:pre-wrap; 来显示数据库中的数据。示例:

<?php
echo '<p style="white-space:pre-wrap;">'.$yourVarWithWhiteSpace.'</p>';
?>

关于javascript - 从带有换行符的文本区域到数据库的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34548311/

相关文章:

javascript - 尝试让 div 在按下按钮时淡入过渡时间和延迟,但无法在显示 :none and display:inline? 之间切换动画

javascript - 以某种方式使用像素操作修改 Canvas 在 IE9 中并不完全有效

jquery - 需要 Benjamin 的一些关于 History.js 的解释

javascript - 如何通过单击第一页中的按钮来激活 Bootstrap 4 模式,将您重定向到激活模式的第二页?

php - Laravel 5.4 将 json 保存到数据库

javascript - Angular : Where to put reusable configuration

php - 使用 php 将 xml 数据转换为 mysql 插入/更新查询

php - 为什么我需要 "&"?

javascript - 使用 Node.js 的代理请求:net::ERR_EMPTY_RESPONSE

javascript - 本地 React 构建有效,但服务器构建 js css 文件时出现错误 404。如何让包裹正确构建路径?