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

css

 

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
*	  dave-hill@dyrk.org
*		  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 :

 

Capture

 

 

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 icibuildHTML

Partagez ce contenu

Laisser une réponse

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *