前端br换行符被转为String，无法实现换行解决

最新推荐文章于 2024-07-08 02:58:35 发布
最新推荐文章于 2024-07-08 02:58:35 发布
阅读量1w 收藏 1
点赞数 1
分类专栏： 前端知识
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42966484/article/details/98761372
版权

今天在页面渲染的时候，后台给了我一些特殊字符作为换行标志"%_%",我拿到后想用replace，但是感觉不太友好，所以自己写了个formate，开始的时候，我将“%_%”转化为<br/>，但是无法实现，页面自动解析为了string
解决办法
1.将
替换为 \n
2.并在前端添加样式style="white-space:pre-line;
这样就可以实现了
在这里插入图片描述
在这里插入图片描述

归小超
关注
专栏目录
html字符串自动加回车换行,【HTML】处理<br>换行符追加到前端换行无效的问题 --- html中渲染的字符串中包含HTML标签无效的处理方法，字符串中包含HTML标签被转义的问题 解决...
weixin_39882948的博客
05-31 1231
需求如下图：追加给前台后，效果如下：可以在源码看到：是将后台给出来的数据，直接当作字符串给填充在了前台HTML中。而查看浏览器编译后的HTML源码可以发现：原来字符串中的 的<>符号已经被转义实际是想将渲染出来的字符串中的换行符可以生效。处理方式：var tbody = $(".J_listtable_cont").find("tbody").children();for (let i...
Web 前端基础知识面试大全
m0_56349322的博客
04-01 1万+
一、HTML 1.对 HTML 语义化的理解 见标签知其意思 header main nav aside footer h1-h6 ul li 优点：结构清晰、方便搜索引擎搜素（seo）、方便理解维护 2.区别：src 和 href src 比如常见的 <img src=""> 这里的 src 所指的是这个图片的所在的位置路径，script 和 iframe 也是，src 被解析的时候，会进行下载并编译，同时会暂停该文档其他资源的下载和处理，所以 js 文件的载入最好在 bod...
Java String 中换行\r\n不生效
weixin_45268552的博客
08-03 5718
Java String 中换行\r\n不生效
java 返回字符串在前端换行
最新发布
weixin_40867930的博客
07-08 238
如何在Java中返回字符串在前端换行 一、整体流程 下面是实现“java 返回字符串在前端换行”的具体步骤： 步骤 描述 1 创建一个String类型的变量并初始化其值为包含换行符的字符串 2 将该字符串传递给前端页面进行显示 二、每一步具体操作 步骤一 首先，我们需要创建一个包含换行符的字符串变量...
前端 6、br标签
Xhj_1314的博客
10-05 1162
br标签, 如何在HTML中换行? 可以使用br标签 br标签作用: 换行 br标签格式: br标签的注意点: 3.1多个br标签可以连续使用, 使用了多少个br标签就会换多少行 3.2由于HTML的作用就是用来给文本添加语义, 而br标签的语义是不另起一个段落换行, 而在企业开发中一般情况下需要换行都是因为需要另起一个段落, 所以在企业开发中很少使用br标签 –&gt; ...
前端 -＞ 区分一下： ＜br＞, ＜br/＞ 以及 ＜br /＞（带有空格）
rod0320的博客
12-03 1万+
<br> 是 HTML 写法。 是 XHTML1.1 的写法, 也是 XML 写法。 <br/> 是 XHTML 为兼容 HTML 的写法,也是 XML 写法。 HTML5 因为兼容 XHTML，所以三种写法都可以使用。 早期发布的 HTML 规范当中，<br> 与 <img> 等元素是不用封闭自身的，但是这种元素造成了 HTML 规范的不严谨 于是在之后发布的 XHTML 语言中，参考了更为严谨的 XML 规范 在这些不用自身封闭的元素后加 / 来表示自行
JS转换HTML转义符的方法
10-21
\n（即回车符）替换为<br/>，从而在HTML中实现换行。 另外，为了保持HTML代码的整洁，我们可能会需要去除字符串开头和结尾的空白字符，并将连续的空白行转换为两行。这可以通过定义一个函数trimBr实现。该函数首先...
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
m0_55613022的博客
02-24 3183
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
记录遇到的web前端开发面试题（八股文）
qq_41347964的博客
04-20 1万+
文章目录前言一、javascript相关1.js的八个基本数据类型（高频）2.this的五种指向方式3.Function的call，apply和bind方法的区别？4.Promise，手写promise5.闭包6.原型链，作用域链与原型链的区别？7.继承与继承的五种实现方式8.深拷贝与浅拷贝的区别？（高频）9.事件委托10.var，const和let对比（高频）11.宏任务与微任务12.bind的实现方式13.eventloop，事件循环（超高频）14.new的过程，手动实现一个new方法15.0.1+0.
前端面试题
weixin_65251013的博客
02-20 820
CSS的盒子模型有哪些：标准盒子模型、IE盒子模型CSS的盒子模型区别：标准盒子模型：margin、border、padding、contentIE盒子模型 ：margin、content（ border + padding + content ）通过CSS如何转换盒子模型：/*标准盒子模型*//*IE盒子模型*/reset.css 是一个css文件，用来重置css样式的。
前端开发＜br＞
01-28 468
HTML<br>标签 实例 以下代码标记一个换行： <p> 使用 br 元素<br>在文本中<br>换行。 </p> 尝试一下 » 浏览器支持 所有主流浏览器都支持 <br> 标签。 标签定义及使用说明 <br> 标签插入一个简单的换行符。 <br> 标签是一个空标签，意味着它没有结束标签。 提示和注释 提示：在写地址信息或者写诗词时 <br> 标签非常有用...
当后台返回\n时，html会将它们当字符串处理
Marcher_1314的博客
11-28 798
后台返回的数据直接把\n br当成了字符串处理，可以叫后台把br全部替换成\n来进行处理 假设现在有这么一串字符 let str = `皮卡丘\n皮卡\n皮卡`; 可以将\n替换成br去处理，我查阅了许多资料，发现 这样的写法根本就替换不了，而是要这样写 str.replace(/\\n/g,'<br>') ...
【AngularJs】 <br>换行显示成字符串
weixin_30618985的博客
04-24 493
<br>无效 <p><span>{{item.content}}</span></p> 使用ng-bind-html <p><span ng-bind-html="item.content"></span></p> 转载于:https://...
在java中除去字符串(String)中的换行字符(\r \n \t)
热门推荐
爱是一种信仰
08-25 19万+
我们先来看几个例子： 例1： public class Test {  public static void main(String[] args) {   String s = "'sds gdasda" + "\n" + "edaeafd'";   System
Spring 换行字符转换到前端
HU_YEI的博客
09-22 772
问题：我们需要把String 对象中的“\n”转为HTML中的换行符 java代码： string=string.replace("\n","<br/>"); model.addAttribute("message", string); html代码： 注意：使用 th:utext而不是 th:text <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UT
js 拼接字符串 识别为变量 而不是字符串
qq_31238721的博客
10-16 1474
使用eval() 函数       var page1 = 1;     function ajax_getMsg(type){         var type = type;         alert('page'+type); //弹出 page1         alert(eval('page'+type)); //弹出 page1的值 1;         exit;     ...
如何处理后端接口返回字符串里面含有标签问题
xixi的博客
10-12 1112
js之去掉字符串中的标签 在这里插入代码片// 已知变量及对应的值 let str = '<div><p>1233451</p></div>' // 用replace方法及正则表达式实现 let res =str.replace(/<.*?>/ig,"") console.log('结果',res) ...
前端入门：重温div标签，解密br、hr、h1~h6和h7的作用
m0_69414996的博客
12-11 610
前端入门：重温div标签，解密br、hr、h1~h6和h7的作用
后端无换行符，前端json怎么换行展示
05-30
如果您需要在前端展示格式化的JSON字符串，可以使用JSON.stringify()方法将JSON对象转换为格式化的字符串，然后使用pre标签将其包裹，从而实现换行展示。例如： ``` const jsonObj = {key1: "value1", key2: "value...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值