Dyrk.org
Do You Really Know

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 !

[pastacode lang= »javascript » message= » » highlight= » » provider= »manual »]

/*****************************************
*
*	(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;
});

[/pastacode]

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