Question

我该如何转动

\n            <!DOCTYPE html >\n            <html>\n                <body>\n                <p>test&nbsp;&nbsp;</p>\n                <select multiple=\"multiple\">\n                    <option value=\"1\" correct=\"true\">red</option><option value=\"2\" correct=\"false\">Blue</option>\n                </select>\n                <p visible-if=\"correct\">Yeah correct</p>\n                <p visible-if=\"wrong\">Wrong dude</p>\n                </body>\n            </html>\n

进入此

<!DOCTYPE html><html><body><p>test</p><select multiple="multiple"> <option value="1" correct="true">red</option><option value="2" correct="false">Blue</option></select><p visible-if="correct">Yeah correct</p><p visible-if="wrong">Wrong dude</p></body></html>

使用 javascript 吗？

我尝试了以下代码。但无法使它正常工作

.replace(/\r?\n?\s+/g, '').trim();

Answer 1

您的正则表达式不正确。

Node.js CLI的示例输出：

> "\n ... your string here ... </html>\n".replace(/[\r\n]/g, '').replace(/\s+/g, ' ').replace(/ >/g, '>').replace(/> </g, '><').trim()
'<!DOCTYPE html><html><body><p>test&nbsp;&nbsp;</p><select multiple="multiple"><option value="1" correct="true">red</option><option value="2" correct="false">Blue</option></select><p visible-if="correct">Yeah correct</p><p visible-if="wrong">Wrong dude</p></body></html>'

您应该了解如何添加更多清理代码...

简而言之：不要试图将所有内容都压缩到一个正则表达式中。

Answer 2

我认为这可以解决问题：

let result = null;
let input = `     <!DOCTYPE html >  
<html>             <body>`;

result = input.replace(/\s+((?=\<)|(?=$))/g, '');

它将尊重html标记内的所有内容，但会擦除html标记内的所有空格，制表符，回车符等。

您可以看到它在HERE下工作。

Answer 3

此正则表达式将有所帮助。

\s+([<>])-匹配<或>

之前的任何空格

 -Macthes  。

([<>]\s+)-匹配任何<或>，后跟空格。

let str = `'\n            <!DOCTYPE html >\n            <html>\n                <body>\n                <p>test&nbsp;&nbsp;</p>\n                <select multiple=\"multiple\">\n                    <option value=\"1\" correct=\"true\">red</option><option value=\"2\" correct=\"false\">Blue</option>\n                </select>\n                <p visible-if=\"correct\">Yeah correct</p>\n                <p visible-if=\"wrong\">Wrong dude</p>\n                <  /body>\n            </html>\n';`

let op = str.replace(/\s+([<>])|&nbsp;|([<>])\s+/g, "$1$2")

console.log(op)

Answer 4

您可以使用单个正则表达式来完成此操作：/\r?\n?\s\s+|\s+(?=>)| /g。

这里唯一可能的问题是，它不会像<那样删除< !doctype>之后的单个空格，但到目前为止，我们都没有找到她的答案。如果js支持正向隐藏，只需将|(?<=<)\s+添加到正则表达式即可。

顺便说一句，这是测试正则表达式的好地方：https://regexr.com

从字符串javascript中删除多余的空间，换行符和$ nbsp

4 个答案: