Dyrk

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