关于后端返回数据里有换行符，前端不识别的问题

最新推荐文章于 2024-05-14 11:06:19 发布

Anly_Zz

最新推荐文章于 2024-05-14 11:06:19 发布

阅读量640

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/Anly_Zz/article/details/132858316

版权

这个是我在开发中碰到的一个小问题，在这里做个笔记

解决办法一：给div加上css样式

.sqlcss{

white-space:pre-wrap;

}

我在使用这个样式时会遇到该样式不起作用的时候，此时需要加上样式穿透强制执行

::v-deep .sqlcss{

white-space:pre-wrap !important;

}

解决办法二：使用v-html结合正则表达式进行展示

附上我的截图

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Anly_Zz

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
关于后端返回数据里有换行符，前端不识别的问题

sqlcss{important;
复制链接

扫一扫

文本域中换行符的替换示例

11-30

然而，当用户在文本域中输入的文字包含换行符时，这些换行符在提交到服务器并存储到数据库之前通常需要进行特殊处理，因为HTML本身并不识别换行符作为新的行。在描述的场景中，开发者遇到一个问题，即使用jQuery的`...

解决jsolve,templ4docx文本不换行的问题

08-31

在处理这个过程时，如果模板引擎不正确地处理换行符，那么原本在前端输入的多行文本在导出时可能会被合并成一行。问题的核心在于，JavaScript中的换行符（\n）在HTML或Word文档中并不一定直接对应于可见的换行。在...

2 条评论您还未登录，请先登录后发表或查看评论

后台返回的内容中有两个空格，显示到前端页面上只有一个空格

Kino的博客

03-05

2467

主要是浏览器默认只认同字符中间的一个空格，其他忽略掉。 <pre></pre>标记 <xmp></xmp>标记用以上两个标记包裹住你需要浏览器按照你的预编排的格式输出的内容，这样就可以解决这个问题了。 ...

处理后台返回文本带空格和换行页面不显示断句的问题

weixin_42835782的博客

10-28

444

有时候接口返回文本数据是空格分开或者手动换行分开的，在页面上显示成一堆，只要在该节点上加上css 文本段落换行 white-space: pre-wrap;

后端返回的值有换行符号，前端显示

热门推荐

iilegend的博客

08-30

1万+

在网页中有一个textarea，输入几段文字，其中有回车换行。存入oracle数据库，然后利用.net从数据库中取出来，放到html 网页的一个表格列中，为什么就不换行了，而如果是放到一个textarea中就会正常的换行.这种情况就需要在控制器里面把 换行符 替换成网页中的<br> （data是我从后台查出来的数据） foreach (var item in data) {

前端通过后端传的字符串‘\n‘，换行失败

weixin_50013077的博客

12-14

1276

等换行符号，但是前端却并没有实现换行。增加下面的CSS即可。

后台获得的信息前台显示不换行问题

qq_36522689的博客

02-12

719

后台获得的信息前台显示不换行问题问题描述：后台获得的信息描述是有换行的，但是显示却没有换行我的解决方案在显示数据的标签上加样式 <text style="white-space: pre-wrap;">{{value.productDesc}}</text> 注： white-space 控制换行的样式 ...

json中换行符的处理方法示例介绍

10-25

在JSON（JavaScript Object Notation）数据格式中，换行符（`\r\n`或`\n`）可能会引发解析问题，因为JSON规范要求字符串值必须用双引号括起来，并且不能包含未转义的特定字符，包括换行符。如果JSON字段中包含换行符...

前端开源库-parse-csv

08-29

- 可配置：支持自定义分隔符、行结束符，甚至可以处理带有头信息的CSV文件。 - 错误处理：提供错误报告机制，帮助开发者识别和修复输入数据的问题。 - 轻量级：库大小小，加载速度快，不增加过多的页面负担。 4....

前端项目-PapaParse.zip

09-02

3. **自动检测分隔符**: 可以自动识别文件中的分隔符，如逗号、分号或其他自定义分隔符。 4. **头行处理**: 可以选择是否忽略CSV文件的第一行（通常包含列名）。 5. **类型检测**: 自动检测并转换数值、日期等非字符...

前端通过后端返回的字符串（＜br/＞\＜/n＞），换行失败

Lycoriy的博客

02-22

4105

后端返回字符串带有、等换行符，在前端页面无法正常渲染出换行效果，尝试使用str.replace(/(<br\/>)/g, '\n').replace(/(<\/n>)/g, '\n')方法没有效果，只是将后端返回换行符的位置变成的空格，但是控制台输出可以看到换行效果。解决方法给包含换行符字符串的元素增加css white-space:pre-wrap; 就可以解决这个问题。附上white-space的定义用法以及可能的值查看官方定义 ...

后台返回的数据带换行等样式，前端怎么显示

m0_64207574的博客

05-21

1903

后台返回的数据带换行等样式，前端怎么显示

前端通过后端传过来的'\n' ,'<br/>'等字符串换行失败问题

玩大神的CSDN的博客

04-20

1万+

后台推送换行符 ‘\n’ 或 ‘<br/>’ 等字符串到前台不会换行详细描述后台逻辑处理返回String字符串，其中包含\n或<br/>等换行符号，但是前端渲染时候却并没有真正的换行也尝试了大佬的各种 \r\n,<br/>,<br/>等都没有作用解决方案下面的解决方案来自https://www.jianshu.com/p/...

后端返回的数据\n,在前端页面不换行

qq_41964720的博客

08-04

624

后端返回的数据带\n,在前端的页面并没有显示换行。

接口返回字符串内的换行符(\n)不被解析

abc_26zm的博客

04-20

1078

string.replace(/\\n/g,"\n") 在view内不会被解析，需要在text内

monacoeditor获取的数据不识别换行符

03-29

Monaco Editor 获取的数据是以字符串形式返回的，而字符串中的换行符在不同操作系统中可能会有所不同。在 Windows 操作系统中，换行符通常是 "\r\n"，而在 Unix/Linux 操作系统中则是 "\n"。因此，如果您的数据中包含了换行符，可以尝试将其转换为您需要的格式。例如，您可以使用 JavaScript 的 replace() 方法将 "\r\n" 替换为 "\n"。示例代码如下： ``` var data = editor.getValue(); // 获取数据 data = data.replace(/\r\n/g, "\n"); // 将 "\r\n" 替换为 "\n" console.log(data); // 输出转换后的数据 ``` 如果您需要将数据传递给后端处理，可以根据后端语言的不同，使用相应的方法处理换行符。例如，如果您使用的是 PHP，可以使用 nl2br() 函数将 "\n" 转换为 HTML 的换行标签 "<br>"。示例代码如下： ``` $data = $_POST['data']; // 获取数据 $data = nl2br($data); // 将 "\n" 转换为 "<br>" echo $data; // 输出转换后的数据 ```