[JAVASCRIPT] Allégez le code HTML de vos pages avec « BuildHTML.js »

Publié le 18 mai 2016 par #Ro0t

Salut les lapinous !!!

Excellente journée à vous !
Je travaille depuis quelque temps, entre 2/3 projets sur ce petit, tout petit … ai-je dit qu’il était petit ? … Bout de code Javascript !

/*****************************************

*

*	(c) 2016/2017 Dyrk.org

*	  [email protected]

*		  BuildHTML		

*

*****************************************/



window.addEventListener('load', function (){

	html = document.getElementsByTagName('html')[0];

	var x = html.innerHTML;

	var replace={

		'\#(.{0,1000})\#\n'	: "<h1 style='color:red'>{data}</h1>",

		'--(.{0,1000})--'	: "<b>{data}</b>",

		'\\*(.*?)$'			: "<li>{data}</li>",

		'^(.*?)\:$'			: "<div style='text-decoration:underline;'>{data} :</div>",

	};

	while (x.indexOf(" ") != -1)  x = x.replace(" ","&nbsp;");

	for (var i in replace) while ((matchs = RegExp(i,"gm").exec(x))) 

		x = x.replace( matchs[0], replace[i].replace('{data}', matchs[1]));

	while (x.indexOf("\n") != -1)  x = x.replace("\n","<br />");

	html.innerHTML = x;

});

En gros, vous lui indiquez des patterns (Regex), auquel vous associez un code HTML, et la fonction se charge de faire pour vous toute la mise en forme …

Remplacer les sauts de ligne par des ~~sauts de ligne~~, les espaces par ~~des espaces~~ …

Voici donc un exemple concret d’application :

La Javascript s’exécutant une fois la page chargée…
Vous allez carrément fluidifier l’ouverture de la page !
Sans compter qu’en plus, vous n’aurez plus aucun mal à visualiser et modifier le contenu de vos pages.

D’autant qu’il sera très facile de customiser le rendu graphique !!!

Téléchargement ici : buildHTML