【问题标题】:How to minify HTML block in JavaScript / jQuery?如何在 JavaScript / jQuery 中缩小 HTML 块?
【发布时间】:2014-02-20 16:14:05
【问题描述】:

我有来自模板的 HTML,我需要删除元素和新行之间的空格。我不想删除会破坏 HTML 的空格,所以这对我来说变得很棘手。到目前为止,我有以下内容可以删除新行,但我被困在空格上:

'<div id="head"></div> \n   <div id="body"></div>    <div id="foot"></div> '.replace(/(\r\n|\n|\r)/gm, '');

是否有希望在 jQuery 中内置一些东西而不是复杂的正则表达式来删除空格?

【问题讨论】:

  • 不知道网络的东西,但是可以用 dom 解析它,编辑元素,然后重建它吗?因为找到 标签 可能非常复杂。它不像你可以可靠地使用(在标签的情况下)/(&gt;)\s+|\s+(&lt;)/.

标签: javascript jquery html regex minify


【解决方案1】:

这应该可行:

.replace(/^\s+|\r\n|\n|\r|(>)\s+(<)|\s+$/gm, '$1$2')

Fiddle

【讨论】:

  • 如果你打算这样做,不要忘记$.trim原始字符串中的包装空格。
猜你喜欢
  • 1970-01-01
  • 2015-01-01
  • 2014-02-23
  • 1970-01-01
  • 1970-01-01
  • 2013-08-21
  • 1970-01-01
  • 2011-08-14
  • 1970-01-01
相关资源
最近更新 更多