<p>我有一些 HTML，这些 HTML 都被标签内的空格弄乱了，并且希望使其再次有效 - 例如：</p> <pre class="brush:php;toolbar:false;">&lt; div class='test' &gt;1 &gt; 0 is &lt; b &gt;true&lt;/ b&gt; and apples &gt;&gt;&gt; bananas&lt; / div &gt;</pre> <p>应转换为有效的 HTML，并且在渲染时，预计会生成：</p> <p> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class='test'&gt;1 &gt; 0 is &lt;b&gt;true&lt;/b&gt; and apples &gt;&gt;&gt; bananas&lt;/div&gt;</code></pre> </p> <p>文本中任何 <code>></code> 或 </code>><</code> 前面/后面有空格的文本应保持不变 - 例如，<code>1 > 0</code> 应保留，而不是被压缩为 <code>1>0</code></p > <p>我意识到这可能需要几个正则表达式，这很好</p> <p>我有几件事：</p> <p><code><\s?\/\s*</code> 这将部分修复 <code></ b></ div ></code> 到 <code></b></div ></code>，但我正在努力解决其余问题< /p> <p>例如，我可以采用严厉的方法，但这也会破坏标签文本部分内的代码，而不是标签名称本身</p>

$input = <<<_E_
< div class='test' >1 &gt; 0 is < b >true</ b> and apples &gt;&gt;&gt; bananas< / div >
_E_;

$input = preg_replace([ '#<\s+#', '#</\s+#' ], [ '<', '</' ], $input);

$d = new DomDocument();
$d->loadHTML($input, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);

var_dump($d->saveHTML());

string(80) "<div class="test">1 &gt; 0 is <b>true</b> and apples &gt;&gt;&gt; bananas</div>"

const reg = /(<)\s*(\/?)\s*([^<>]*\S)\s*(>)/g
const str = "< div class='test' >1 > 0 is < b >true< / b > and apples >>> bananas< / div  >"
const newStr = str.replace(reg, "$1$2$3$4");
console.log(newStr);