uniqueTags

by toubia95

HTML

<p>
Coller un html.
</p><div>
<textarea id="area1"></textarea>
</div>
<br>
<a href="#" id="convertir">Tags utilisés »</a>
<br>
<br>
<div>
<textarea id="area2"></textarea>
</div>

CSS

/* --- TODO ---
 * - remonter les césures
 */
 
body {
  text-align: center;
}
textarea {
  width: 95%;
  height: 150px;
}
#convertir {
  margin: 100 0;
}

JavaScript

// https://regexr.com/
$( "#convertir" ).click(function() {

  //JQUERY AVANT
  $("#area2").val('');
  var myHtml = $("#area1").val();
  
  //JAVASCRIPT 
  var myTags = [];
  var uniqueTags = [];
  myHtml = myHtml.replace(/<(!|\?)?(\w+)(\s+\w+.*?|\/?)>/ig, function (match, p1, p2, p3) {
    return myTags.push(p2);
  });

  //JQUERY
	$.each(myTags, function(i, el){
	    if($.inArray(el, uniqueTags) === -1) uniqueTags.push(el);
	});
	
  //JAVASCRIPT
	uniqueTags = uniqueTags.sort().join('\n');
  
  //JQUERY APRES
  $("#area2").val(uniqueTags); 
});