JavaScript / jQuery：在特殊字符后插入空格并关闭html标签

Question

我有以下字符串：

<h1 class="title">This is some heading?</h1><h2 class="desc">Here is the description for it.</h2>

想要使其看起来像：

<h1 class="title">This is some heading? </h1> <h2 class="desc">Here is the description for it.</h2>

以上分为两部分：

1. 在每个特殊字符后插入空格。 因此，在上面的示例中，它可能是！而不是问号！ 或＆或（或）或％等。我需要在此类特殊字符后插入空格。
2. 删除所有打开的html标签，并用空格替换关闭的html标签。

对于1，我尝试了以下方法：

str = str.replace(/\?/g,'? ');  

上面是否在后面插入空格？ 但是它很死板。 我不能对所有特殊字符应用相同的规则。 那怎么办呢？

对于2，我尝试了以下方法：

//To entirely remove all opening html tags    
str = str.replace(/<.*?>/g, '');

//To replace closing tag with space    
str = str.replace(/<\/.*?>/g, ' ');

上面代码的问题是后面的部分工作正常。 第一部分，即删除所有打开的html标签的代码也影响关闭的html标签，这是不希望的。 那么如何修改上面的代码，以便删除诸如<h1>, <div>,等开头的标签？

Answer 1

比赛 ：

\s*(?<ws>[<>])\s*

并替换为

$1

Answer 2

对于第一个问题，您可以使用：

s.replace(/([?%])/g, '$1 ') //you could put more characters within `[..]`

对于打开标签问题，您可以使用：

str.replace(/<[^/].*?>/g, '')

基本上， [abcdef]表示它是a，b，c，d，e，f中任何一个的占位符。 %和?类似? 。 将^放在类（方括号）中意味着它是除^ 其他字符的占位符。 因此<[^/]将不接受</字符串。