html字符串自动加回车换行,【HTML】处理<br>换行符追加到前端换行无效的问题 --- html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题 解决...

需求如下图:

80a079415a7264d8434405fe98bab337.png

追加给前台后,效果如下:

59911cb8f1b1cedfcf664128d9298421.png

可以在源码看到:

5de26f99ec4ac7eee857aa69bf72f817.png

是将后台给出来的数据,直接当作字符串给填充在了前台HTML中。

而查看浏览器编译后的HTML源码可以发现:

bea2e885c9fd4b565882365ce9b553f4.png

原来字符串中的
的<>符号已经被转义

a2160835453d1337a7e1cfd0334c460f.png

实际是想将渲染出来的字符串中的
换行符可以生效。

处理方式:

var tbody = $(".J_listtable_cont").find("tbody").children();

for (let i = 0; i

var children = tbody[i];

var td = children.children[1];

var text =td.innerText;

td.innerHTML=text;

}

核心就是上面标红的两句,将元素的innerText  赋值成  元素的 innerHTML。即可避免转义的问题,将字符串中包含的 HTML标签生效。

最后的效果如下:

b8ecae2bcd9c79c8c7d2ed5f5e149a9d.png

网络换行符替换为word换行符

在替换的页面上,查找里输入:^l,在替换里输入:^p,然后点击替换即可.

myeclipse 出现换行符和空格符 解决方案 换行出现乱码

请参看百度经验 https://jingyan.baidu.com/article/acf728fd2639e4f8e510a399.html myeclipse 2014 自定义视图Customiz ...

linux下shell 脚本 中windows换行符换成linux换行符

sed -i 's/\r//' filename window下默认是 \r\n linux下是\n unix下是\r

解决不同操作系统下git换行符一致性问题

一.不同操系统下的换行符CR回车 LF换行Windows/Dos CRLF \r\nLinux/Unix LF \nMacOS CR \r二.解决方法 打卡git bash,设置core.autocr ...

小小换行符乱谈&lpar;文本文件vs二进制文件&rpar;

使用 C 语言的 fopen 打开文件时,可以指定的 mode 有 12 个,其中 6 个包含  "b" 使用 C++ 的 fstream 打开文件时,可用的模式组合有 24 个( ...

linux下与windows下的换行符

[原文有些许错误,已作了修改] 回车符号和换行符号产生背景 关于“回车”(carriage return)和“换行”(line feed)这两个概念的来历和区别.在计算机还没有出现之前,有一种叫做电传 ...

linux和Dos下换行符转换

一.windows的文件到linux下的转换方法: 1. 用sed命令替换 sed -e 's/^M//g' original.txt > target.txt (注意^M 在Linux/Uni ...

【aardio】回车换行符

回车换行符 在计算机还没有出现之前,有一种叫做电传打字机(Teletype Model 33)的玩意,每秒钟可以打10个字符.但是它有一个问题,就是打完一行换行的时候,要用去0.2秒,正好可以打两个字 ...

菜鸟教程之工具使用(八)——EGit禁止自动转换回车换行符

众所周知,Windows和Linux系统的回车换行是不一样的.想要进一步了解它们的可以阅读下面的介绍,不感兴趣的可以直接跳过. 产生背景 关于“回车”(carriage return)和“换行”(li ...

随机推荐

HTML5中的对象的拖拽

拖拽: draggable="true"页面上就能实现拖拽事件: ondragstart 拖拽开始事件 ondrag 拖拽中 ondragend 拖拽结束事件 投放区事件: ond ...

JLINK通过JFLASH烧写bin文件报错处理方法

错误原因:烧写开始地址出错,打开BIN文件后弹出的设置开始地址不正确不能为0 解决措施:用J-FLASH LITE或者将开始地址设置成正确的地址(KEILMDK中IROM1的开始地址

剑指Offer 数值的整数次方

题目描述 给定一个double类型的浮点数base和int类型的整数exponent.求base的exponent次方.   思路: 要考虑边界,0,负数   AC代码: class Solution ...

stm32的软件架构问题

1. 架构组成:程序代码分为四种结构a) 顺序执行代码定义:按照顺序逐行执行的代码优点:是思路简单,代码可靠不易被干扰.缺点:占用资源用途:只用来各种变量.函数的定义,硬件的初始化程序位置:main. ...

洛谷P1530 分数化小数 Fractions to Decimals

P1530 分数化小数 Fractions to Decimals 103通过 348提交 题目提供者该用户不存在 标签USACO 难度普及/提高- 提交  讨论  题解 最新讨论 暂时没有讨论 题目 ...

09&lowbar;platform-tools简介&amp&semi;常见adb指令

SDK下面的文件夹说明add-ons 附加的附属的一些信息.docs Android开发的帮助文件.extras 支持的jar包,高版本兼容底版本.google usb的驱动.platforms 存放 ...

网络安全审查制度即将推出 手机App安全加密成必定趋势

年05月22日宣布,为维护国家网络安全.保障中国用户合法利益,中国即将推出网络安全审查制度,关系国家安全和公共利益的系统使用的.重要信息技术产品和服务,应通过网络安全审查.文章出处:*** 网络安全审 ...

UVa1003-Cutting sticks

试题描述 将一段木棒按要求切割,每次切割都要付出与木棒长度相同的代价,求最小代价切割. (多组数据) 输入描述 长度L. 切割点数n(n<=50). n个切割点. 输出描述 "The ...

&lbrack;NOIp 2016&rsqb;愤怒的小鸟

Description Input Output Sample Input 22 01.00 3.003.00 3.005 21.00 5.002.00 8.003.00 9.004.00 8.005 ...

bzoj2730&lpar;割点&plus;分类讨论&rpar;

把割点删去后,剩下的联通块个数就是答案,方案数就是siz乘一起,但要讨论一些特殊情况,没有割点时答案直接算,一个联通块如果连接多个割点是不需算入答案的: #include

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值