TypeScript中HTML标签与 无法移除？替换失效问题求助

你的问题出在只精确匹配了某一个固定的标签组合，而实际需要处理的是所有<div>、<br>标签和 实体，所以得用正则表达式全局匹配来替换所有目标内容。

修复后的代码如下：

const handleSettingRuleChange = (value?: any) => {
  if (formState?.errors?.message) trigger('message');
  setValue('message', value);
  console.log('Greeting->' + defaultValues.message);
  
  let vl: string = value;
  // 全局替换所有 实体为空格（要直接移除就换成''）
  vl = vl.replace(/ /g, ' ');
  // 全局移除所有<div>和</div>标签
  vl = vl.replace(/<\/?div>/g, '');
  // 全局移除所有<br>标签
  vl = vl.replace(/<br>/g, '');
  
  console.log('handleSettingRuleChange->' + vl);
};

关键说明： #

1. 正则表达式末尾的g表示全局匹配，会替换字符串中所有符合规则的内容，而不是只替换第一个匹配项。
2. /<\/?div>/g中的/?表示匹配0个或1个/，这样就能同时匹配<div>和</div>两种标签。
3. 先处理 再移除标签，能避免标签内的实体残留。

用你提供的日志内容测试，处理后会输出：
handleSettingRuleChange->alperen kapusuz dfasf

内容的提问来源于stack exchange，提问作者Alperen Kapusuz