字符串中的html标签解析

已于 2024-01-31 17:06:10 修改
阅读量523 收藏 6
点赞数 8
文章标签： html 前端 java
于 2024-01-31 17:05:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44707050/article/details/135957701
版权


"bgghnhfvfgbghbgh<span>9996487878</span>@jdkfjdklv@qqqq@/jdkfjdklv@bgghnhfvfgbghbgh<span>9996487878</span>"
类似一个这样的字符串，i标签是通过正则把字符串@jdkfjdklv@和@/jdkfjdklv@替换而成的 ， 想要把i标签的内容转成html标签渲染
 

如果先把字符串替换成i标签 ， 然后用innerHTML 那么字符串中的span或者其他html也会被解析，所以此方案行不通；
解决：
可以先把字符串中所有的<>替换成gl; , gt;
然后再把@jdkfjdklv@和@jdkfjdklv@替换成i标签 ， 最后用innerHTML渲染即可；

RAY_CHEN.
关注
  • 8
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue解析字符串带有html标签,Vue解析带html标签的字符串为dom的实例
weixin_42114645的博客
06-11 7258
Vue解析带html标签的字符串为dom的实例1.场景描述如上接口中，content字段：content:"这是内容"需要在网页中现实如下效果：2.解决方法v-htmlv-html可以操作元素中的HTML标签，效果类似于jquery里的 .html()方法，在不安全的页面比如注册或者登陆页面千万不要用这个指令。因为会出现XSS攻击。所以千万不要用。官网提示：在不安全的页面比如注册或者登陆页面千万不...
HTML字符串的解析-dom4j
代码界华仔的博客
01-16 5358
1. 问题出现    最近做身份证识别，ocr识别返回一堆html格式的字符串： ASCXVTHQHUUFWWXHS u 130823198910171014 看到这个返回结果时，我的内心是崩溃的！我只要130823198910171014标签内的内容啊，你却给我返回个html页面。 还好后台告诉我他们解析xml代码常用dom4j，做了一番了解，在此记录一下。
vue将HTML字符串解析为HTML标签
weixin_34279579的博客
04-12 3971
如果返回的数据是html标签字符串的话，在vue里要通过v-html来渲染 <div v-html="rawHtml"></div> //v-html="变量" 转载于:https://www.cnblogs.com/lanshu123/p/10693576.html...
html 字符串匹配,字符串中解析匹配Html标签问题
weixin_42155721的博客
06-05 446
自己给出完整的答案let str = 'aaaaaaaaaaaa\n' +'\n' +'bbbbbbbbbbbbb\n' +'\n' +'cccccccccccccc'/* 方式1 */// 匹配图片(g表示匹配所有结果i表示区分大小写)let imgReg = /|\/>)/gi// 匹配src属性let nameReg = /name=['"]?([^'"]*)['"]?/ilet ar...
字符串的解读和标签模板
分享互联网的有趣知识~
12-04 1042
es6字符串的扩展，字符串的编译以及是怎么样将Unicode 转换为字符串的。字符串的标签模板的遍历过程以及是如何通过编译将最终结果展现出来的。
前台请求后台返回的json字符串中含有html标签！
热门推荐
sidongxue2的专栏
05-04 2万+
问题: 前台请求后台返回一个json字符串，将其转换为json数组，进行遍历： 遍历的过程中拼接html，每个元素的信息放入一个a标签下面， 然后点击a标签可以将元素传到相应的onclick方法中， for(var i = 0; messageArray != null && i < messageArray.length; i++) { var message = messageAr
[日常开发问题：1] 后端返回数据中因包含＜script＞等标签，导致前端显示报错
小猪-佩琪的博客
03-09 960
字符转义，后端数据包含代码，前端报错
Vue 渲染带script标签的内容
qq_36126031的博客
07-25 1715
后端返回一个带有 标签的字符串，前端去展示，项目前端架构为vue2，尝试使用v-html，but v-html不支持script标签，会令其失效...
Vue解析带html标签的字符串为dom的实例
12-30
1.场景描述 如上接口中，content字段： content:这是内容 需要在网页中现实如下效果： 2.解决方法 ... ...v-html可以操作元素中的HTML标签，效果类似于jquery里的 .html()方法，在不安全...以上这篇Vue解析带html标签的字
VUE渲染后端返回含有script标签的html字符串示例
10-16
本篇文章将详细介绍如何在Vue应用中安全地渲染后端返回的包含`<script>`标签的HTML字符串。 首先，我们要理解为什么不能直接使用Vue的`v-html`指令或者原生JavaScript方法（如`innerHTML`或`appendChild`）来处理...
php解析字符串里所有URL地址的方法
10-24
在PHP中，解析字符串中的URL地址通常涉及到字符串处理和正则表达式技术。本文通过一个名为`pageLinks`的函数实例，详细讲解了如何在HTML字符串中提取并处理URL链接。 1. **提取URL链接** 使用正则表达式是提取HTML...
根据json字符串生成Html的一种方式
10-27
本文探讨了如何根据JSON字符串生成HTML，主要展示了如何利用JavaScript（jQuery 1.4.4）解析JSON数据并动态创建HTML元素，如文本框、密码框和下拉框。这个方法对于快速构建基于用户输入JSON数据的动态界面非常实用。...
v-html解析后台传来的html 含有script标签 将js当成字符串来编译咋办
monkey7
11-18 1709
前提： 为啥 不用前端请求数据：因为数据是扒过来的 对方返回xml 后台转换 => 解析成html 再给前端 问题： 后台将html和js都返给我 用vue的 v-html 虽然能渲染html 但是js不行 他不能识别里面的方法 会把js当成字符串来编译 （尝试过将js文件放到前端 没好使 具体啥原因 时间太久了 我忘了） 解决思路： 秉承着笨人有笨方法 动态串创建script标签 然后截取到后台传给我的js内容 append进去 <div v-html="html" ref="myHtml
BeautifulSoup解析 HTML标签Tag及属性attrs的常用方法
book_dw5189的博客
03-01 1840
BeautifulSoup 对象表示整个解析树或文档，可以用来遍历、搜索和操作文档
如何在html中将带有html标签的字符串解析为正常的html标签
啧啧怪的博客
01-26 4466
项目场景： 当后端传递给前端带有html标签的字符串时，若直接在html中显示{{content}}则会显示出字符串，不能正常解析html标签 解决方案： 在html页面中，利用safe过滤器，则可将字符串中的htnl标签正常解析 例如：{{content | safe}} ...
清除字符串文本中的 HTML 标签
m0_59812088的博客
04-18 2343
可以使用正则表达式来清除字符串文本中的 HTML 标签。此外，该函数仅适用于普通的 HTML 标签，如果文本中含有注释或 script 标签等特殊标记，需要根据具体情况进行额外处理。需要注意的是，这个函数仅仅是删除了 HTML 标签，而不是提取其中的文本内容。匹配字符串中的所有 HTML 标签，然后将其替换为空字符串。方法，使用正则表达式。
字符串中含有html标签的处理
weixin_44487537的博客
01-10 422
【代码】字符串中含有html标签的处理。
HTML初体验
linux423的博客
06-14 575
可参考jd.com官网，ctrl+u查看当前页面源代码找到你的项目，在项目中创建html类型的网页文件标准的HTML正确书写格式效果如下。
HTML(9)——字体修饰
最新发布
m0_74386799的博客
06-19 668
如果一组当中两个数是一样的，可以简写为一位数：例如#00ffcc简写为#0fc。font-family属性值可以书写多个字体名用逗号隔开，依次从左到右查找。单行文字想要垂直居中时，可以设置行高属性值与盒子高度属性值一致。想让图片居中，可以给图片加一个父级标签例如<div>设置居中。属性的简写方式，一个属性对应多个值的写法，各个属性值之间用。测量方法：从一行文字的最顶端到下一行文字的最顶端。属性名：text-decoration。属性名：text-indent。属性名：text-align。
react解析字符串为html标签内容
03-29
在React中，可以使用`dangerouslySetInnerHTML`属性来将字符串解析为HTML标签内容。该属性接受一个对象，其中`__html`属性的值为要解析的HTML字符串。例如： ```jsx function MyComponent() { const htmlString = '<h1>Hello, World!</h1>'; return <div dangerouslySetInnerHTML={{ __html: htmlString }}></div>; } ``` 这将在页面上渲染一个标题为"Hello, World!"的`<h1>`标签。需要注意的是，使用`dangerouslySetInnerHTML`属性可能存在安全风险，因为它允许注入任意的HTML代码。因此，应该谨慎使用，并确保输入的字符串是可信的。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值