首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在react-native中从html中删除空的p标记和&nbsp

如何在react-native中从html中删除空的p标记和&nbsp
EN

Stack Overflow用户
提问于 2020-08-04 19:13:23
回答 3查看 1.6K关注 0票数 1

我想从动态html内容中删除空的p标签和参数。

下面是从api响应中检索到的html内容。空的p标记和空格会创建不需要的空格。我想删除不需要的空格。

我正在使用react-native-render-html包来显示html内容。

代码语言:javascript
运行
复制
expo sdk : 38 
react-native-render-html : ~1.9.0 
platform : Android,Ios

<p> </p>
<p> &nbsp </p>  
EN

回答 3

Stack Overflow用户

发布于 2020-08-04 19:39:28

清理服务器中的输出会更好,但根据您的问题,您可以使用这样的RegExp:

代码语言:javascript
运行
复制
/<p>(\s|(&nbsp))*<\/p>/gmi

示例:

代码语言:javascript
运行
复制
var string = "<p>  &nbsp   &nbsp  </p>";
var pattern = /<p>(\s|(&nbsp))*<\/p>/gmi;
var result = str.match(patt);

if(result) {
     console.log("Pattern matched. Do not add the string to the html.")
}

模式说明:

第一个元素是纯p元素,characters.

  • (\s|(&nbsp))*告诉
  • 包含空格或字符串的字符组。如果你找到的时间为零或更多,就匹配它们。
  • Final <\/p>是最后的p元素。反斜杠出现在斜杠之前,因为正常斜杠在RegExp中是一个特殊字符。所以我们用反斜杠来转义它。
票数 2
EN

Stack Overflow用户

发布于 2020-08-06 17:38:23

react-native-render-html中有一个忽略标签的选项。

代码语言:javascript
运行
复制
import { IGNORED_TAGS } from 'react-native-render-html/src/HTMLUtils';
...
 
// your props
ignoredTags={[ ...IGNORED_TAGS, 'tag1', 'tag2']}
票数 1
EN

Stack Overflow用户

发布于 2020-12-24 14:30:39

使用此正则表达式删除html标记(&nbsp;除外)

代码语言:javascript
运行
复制
const regEx = /(<([^>]+)>)/ig;
const tempResult = yourData.replace(regEx, '');

如果html响应包含&nbsp;,则执行其他步骤:

代码语言:javascript
运行
复制
const secondRegEx = /((&nbsp;))*/gmi;
const result = tempResult.replace(secondRegEx, '');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63245705

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档