Нужна библиотека для минификации HTML JS строк

156

05 июля 2019, 05:00

Вводим в первый инпут обычный текст HTML или JS. Нужна библиотека на JS для их минификации только на стороне клиента без обращения к серверу!

let str = "<     button id="minified-button"   >Минифицировать< / button >";
function minifyHTML(str);
str >>минифицирован>> "<button id="minified-button" >Минифицировать</button>"

Answer 1

Вот в качестве варианта:

$("#before").val('<     button     id="minified-button"   >Минифицировать  < / button    >'); 
 
let minify = str => { 
  str = str.replace(/[\t\n]/g, ""); 
  str = str.replace(/\s{2,}/g, " "); 
  str = str.replace(/[\t\n\s]*<[\t\n\s]*\/[\t\n\s]*/g, "</"); 
  str = str.replace(/[\t\n\s]*<[\t\n\s]*/g, "<"); 
  str = str.replace(/[\t\n\s]*>[\t\n\s]*/g, ">"); 
  return str; 
} 
 
 
$("#submit").on("click", () => { 
  let after = minify($("#before").val()); 
  $("#after").val(after); 
});

body { 
  margin: 0; 
  padding: 0 20%; 
} 
 
body>* { 
  width: 100%; 
  margin: 10px 0; 
} 
 
textarea { 
  height: 50px; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
 
<textarea id="before"></textarea> 
<button id="submit">Минифицировать</button> 
<textarea id="after"></textarea>