首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >重构的起始位置

重构的起始位置
EN

Stack Overflow用户
提问于 2020-09-05 07:16:41
回答 1查看 104关注 0票数 3

我有一个函数,可以在文本元素中显示HTML标记。

代码语言:javascript
运行
复制
stripChar: function stripChar(string) {
  string = string.replace(/<\/?[^>]+(>|$)/g, "")
  string = string.trim()
  string = string.replace(/(\n{2,})/gm,"\n\n");
  string = string.replace(/&hellip;/g,"...")
  string = string.replace(/&nbsp;/g,"")
  let changeencode = entities.decode(string);
  return changeencode;
}

这对我来说非常有用,但是我有了一个新的需求,我很难确定我应该从哪里开始重构上面的代码。我仍然需要去掉上面的内容,但我有两个例外;

  • 列表项,<ul><li>,我需要处理这些项目,以便它们仍然显示为一个要点
  • 超链接,我想使用react本机-超级链接,所以我需要保留插入的<a>,让我单独处理。

虽然该功能是伟大的通用标签替换,但它的灵活性较低,我以上的需求。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-09-05 16:30:32

你可以用

代码语言:javascript
运行
复制
stripChar: function stripChar(string) {
  string = string.replace(/&nbsp;|<(?!\/?(?:li|ul|a)\b)\/?[^>]+(?:>|$)/g, "");
  string = string.trim();
  string = string.replace(/\n{2,}/g,"\n\n");
  string = string.replace(/&hellip;/g,"...")
  let changeencode = entities.decode(string);
  return changeencode;
}

主要变化如下:

  • .replace(/&nbsp;/g,"")被移到第一个replace
  • 第一个replace现在与新的regex模式一起使用,在这个模式中,liula标记被排除在匹配中,使用的是负前瞻性(?!\/?(?:li|ul|a)\b)

这里更新了regex演示

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63751429

复制
相关文章

相似问题

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