Convertisseur BBCode - HTML

26 juillet 2008

Depuis le temps que j’en cherchais un, j’ai fini par trouver mon bonheur : un convertisseur BBCode en HTML en PHP !

Et surtout : sans code superflu ! (Voir en fin d’article le lien pour télécharger le fichier)

Petite explication et exemple d’utilisation :

<?
// inclusion du fichier
require_once (’/inc_cg_filter.php’);
// déclaration d’une nouvelle instance de filtre
$filter = new cg_filter;
?>

Une fois que vous avez créer votre instance de filtre, vous pouvez le paramétrer comme vous le souhaitez.

// Il est possible de désactiver le filtrage HTML
$filter->html_filter_prefs['entities'] = 0;
// Désactiver la reconnaissance des \n en tant que retour chariots
$filter->html_filter_prefs['nl2br'] = 0;
// Désactiver la détection des urls
$filter->html_filter_prefs['url_parsing'] = 0;
// Et pour finir de désactiver la détection des smileys
$filter->html_filter_prefs['smileys'] = 0;
// Si vous activez la détection des smileys, il vous faudra spécifier le chemin d’accès aux images
$filter->smiley_path = ‘images/smileys/’; // /!\ Il ne faut pas oublier le / final ! /!\

Le plus simple consiste ensuite à appeler les fonctions de conversion bbcode_to_html() et html_to_bbcode().

<?
$filter->string = “Mon texte sympatique en [b]gras[/b]“;

// Filtrage HTML paramétrer ci-dessus

$filter->html_filter();
// Conversion du BBCode en HTML
$filter->bbcode_to_html();
echo ($filter->string);
// Conversion dans l’autre sens : du HTML en BBCode
$filter->html_to_bbcode();
echo ($filter->string);
?>

Toutes les balises sont quasiment détectées.
Il est assez simple d’aller farfouiller dans le code pour en rajouter une… Mais les explications seraient trop longues pour que je rentre dans les détails.
Si vous avez besoin, n’hésitez pas à me demander en laissant un commentaire : je verrai ce que je peux faire ;-)

NB : Si vous utilisez un forum PhpBB (qui utilise par définition le BBCode), il peut arriver que certaines balises soient stockées en base sous la forme : [url:a1213fdf12]http://google.fr[/url:a1213fdf12]
Cette chaine de caractère a1213fdf12 correspond en fait au champ ‘bbcode_uid’ stocké dans votre base de données avec le message.
Avant d’utiliser les fonctions de filtrage ci-dessus, il vous suffira de faire un petit remplacement simple :

<?
$filter = str_replace(”:”.$bbcode_uid,”",$texte);
?>

Cliquez ici pour le télécharger : inc_cg_filter.php [Il vous faudra le renommer en .php pour pouvoir l'utiliser... (mais cela va de soit non ?) ]

Ajouter un commentaire

Widget iGoogle Actualités !

25 juillet 2008

Et comme le progrès ne s’arrête pas en si bon chemin, je vous propose un second widget, qui regroupe l’actualité de NotreFamille.com !

Les derniers cadeaux disponibles, les dernières chroniques, les nouvelles recettes pour épater vos amis, tout un univers qui s’ouvre à vous !

Alors, fini la publicité, le mieux reste de l’essayer !

Ajoutez le à votre site internet si vous le souhaitez ;-)

<script src=”http://www.gmodules.com/ig/ifr?url=http://www.notrefamille.com/v2/services/nouveautes_notrefamille.xml
&up_title=Toute%20l’actualit%C3%A9%20NotreFamille.com&up_tabFontSize=12px&up_showFeedDesc=1
&up_feed1=http%3A%2F%2Fwww.notrefamille.com%2Fv2%2Fservices%2Fflux_nf.asp%3Fimage%3Dpetit
&up_feedTitle1=Chroniques&up_couleur_onglet1=%232f8e22
&up_feed2=http%3A%2F%2Fbebe.notrefamille.com%2Fv2%2Fservices%2Fflux_mamans.asp%3Fimage%3Dpetit
&up_feedTitle2=Mamans&up_couleur_onglet2=%23eb659b
&up_feed3=http%3A%2F%2Fcuisine.notrefamille.com%2Fv2%2Fservices%2Fflux_cuisine.asp%3Fimage%3Dpetit
&up_feedTitle3=Cuisine&up_couleur_onglet3=%23ff9209
&up_feed4=http%3A%2F%2Fwww.cadeaux.com%2Fv2%2Fservices%2Fflux_cadeaux.asp%3Fimage%3Dpetit
&up_feedTitle4=Cadeaux&up_couleur_onglet4=%23bd151c&up_entries=3&up_onglet_par_default=-1
&up_summaries=300&up_renderHtml=true&up_showTimestamp=1&up_selectedTab=&synd=open&w=350&h=420
&title=Toute+l’actualit%C3%A9+NotreFamille.com
&border=%23ffffff%7C0px%2C1px+solid+%2399BB66%7C0px%2C2px+
solid+%23AACC66%7C0px%2C2px+solid+%23BBDD66&output=js”>
</script>

Ajouter un commentaire

Widget iGoogle Cuisine !

24 juillet 2008

De plus en plus “Web 2.0″, voici un des widgets que j’ai développé…

Je vous laisse découvrir, et qui sait s’il est à votre goût l’ajouter à votre iGoogle !
Derrière tout ça se cache un mélange de javascript, d’ASP, et de XML…

Et comme je suis sympathique, vous pouvez même l’ajouter à votre propre site ou blog !

<script
src=”http://www.gmodules.com/ig/ifr?url=http://cuisine.notrefamille.com/v2/services/menu_cuisine.xml
&up_clickurl=&up_aiturl=&synd=open&w=360&h=300&title=Le+menu+du+jour+avec+NotreFamille.com
&border=%23ffffff%7C0px%2C1px+solid+%2399BB66%7C0px%2C2px+solid+
%23AACC66%7C0px%2C2px+solid+%23BBDD66&output=js”>
</script>

Ajouter un commentaire

Récupérer les variables présentes dans l’url en javascript

15 juillet 2008

Il est possible de récupérer des variables dans l’url en php, en asp, en tout ce qu’on veut…
Mais quid du javascript ?
Effectivement, est-il possible facilement de récupérer les variables Get ?
A cela, je répond oui, et voila quelques explications simples.

Hop, en php, vous utiliserez $_GET['nom_variable'] , en asp request.querystring['nom_variable'], en javascript, vous n’aurez plus qu’à utiliser GetUrlParam(’nom_variable’);

function GetUrlParam( paramName )
{
var oRegex = new RegExp( ‘[\?&]‘ + paramName + ‘=([^&]+)’, ‘i’ ) ;
var oMatch = oRegex.exec( window.top.location.search ) ;

if ( oMatch && oMatch.length > 1 )
return decodeURIComponent( oMatch[1] ) ;
else
return ” ;
}

C’est cadeau, c’est partage, je fais tourner !
Bonsoir !

Ajouter un commentaire

Je me soigne

8 juillet 2008
55% Geek

Le verdict est sans appel…

Enfin remarquez, ça aurait pu être bien bien pire…

Ajouter un commentaire

[Images-squish] Images-Squish met le feu !

24 juin 2008

Hier, 23/06/2008, mon cher hébergeur “PHPnet” a rencontré un incident important sur son site de Grenoble à partir de 23h.

Trois des blocs de climatisation sont tombés en panne hier faisant monter la temperature au sol du site à près de 45° C.
Plusieurs techniciens frigoristes etaient sur le site afin de tenter de remettre en fonctionnement le systeme froid.

Vers minuit l’un des sytemes de climatisation a explose engendrant un degagement de fumee qui a declenche le systeme incendie.

Il a alors ete décidé, en accord avec l’ensemble des sociétés hébergés sur place (dont PHPnet), de couper l’ensemble des serveurs pour d’eviter tout dommage aux installations et surtout que les bombonnes de FM200 n’explosent
car la pression dans celles-ci etait trop importante (la temperature faisant dilater le gaz).

Vers 1h les pompiers sont arrives sur place et ont décidés de couper l’ensemble des installations electriques du site afin de faire baisser la temperature. Ils ont également aspiré l’air chaud interieur grace a un extracteur.

Vers 3h du matin la temperature du site etait redescendue aux alentours des 30° C mais les systemes de climatisation ne pouvaient toujours pas fonctionner. Il a donc été decide d’attendre ce matin que des reparations soient faites par d’autres spécialistes venant de Lyon.

Que le petit malin qui a uploadé 3 Go d’images sur images-squish se dénonce ! :p (bon ok je rêve un peu)…

Images-squish is on fire !
Images-squish vivra malgré les flammes qui se déchainent !

Bon voila, c’était pour vous informer du pourquoi du comment de la coupure d’hier soir.

Ajouter un commentaire

ImageType : Les types d’images vu par php

22 juin 2008

Il y a plusieurs façons de déterminer le format d’une image en php, entre autre en passant par les constantes IMAGETYPE

Elles ont été ajoutées avec PHP 4.3 et comme je suis sympa, je vous donne les correspondances :

  • 1 = GIF
  • 2 = JPG
  • 3 = PNG
  • 4 = SWF
  • 5 = PSD
  • 6 = BMP
  • 7 = TIFF (Ordre des octets Intel)
  • 8 = TIFF (Ordre des octets Motorola)
  • 9 = JPC
  • 10 = JP2
  • 11 = JPX
  • 12 = JB2
  • 13 = SWC
  • 14 = IFF

Enfin c’est bien beau ton type à la noix, là mais on le trouve où ?
En utilisant la fonction getimagesize() de php, vous obtenez un tableau qui en plus de contenir les dimensions de votre image fournit également ce “type”, ainsi qu’une chaine de caractères du type height=”xxx” width=”yyy” (mais je ne l’ai jamais utilisé)

Vous pouvez, en outre, retrouver l’extension réelle de votre fichier grâce à la fonction “image_type_to_extension” (introduite avec PHP 5.2) et donc les références ‘image/gif’, ‘image/jpeg’, ‘image/png’ …

Après à voir si vous préférez faire vos vérifications concernant le format de vos images avec une chaine de caractères comme ici par exemple :

<?
if ($_FILES["file_".$i.""]['type'] == ‘image/jpeg’)
{
// actions à effectuer
}
?>

ou sur un entier avec le “ImageType” de l’image en question…

Cette facilité ne marche bien entendu que pour les images… Pour les autres fichiers, il vous faudra continuer à faire vos vérifications sur l’extension du fichier…

Ajouter un commentaire

[Images-Squish] Vos remarques, vos envies, vos conseils

7 juin 2008
  • Vous trouvez qu’un outil ne fonctionne pas bien ?
  • Vous avez des remarques à faire passer ?
  • Vous aimeriez bien une nouvelle fonctionnalité ?

Alors il vous suffit de laisser un commentaire ici ! (ou d’envoyer un mail en cliquant sur le lien contact sur images-squish.net )

Je vous répondrai dans les plus brefs délais sur la faisabilité ou non de ce que vous voulez, sur le délai envisageable, et si vous avez de la chance je vous enverrai des sous (mais pour ça il faudrait que vous ayez vraiment beaucoup de chance… :p)

Ajouter un commentaire

Les continuations dans les applications Web

7 juin 2008

Les continuations : un concept bien simple :

comment faire pour que (par exemple) sur le site de la sncf, si l’on clique sur “précédent”, puis qu’on clique sur “suivant”, revenir à l’état dans lequel on était ?

Je ne suis pas forcément très clair pourtant, allez sur le site de la sncf, essayez et constater : vous avez perdu votre billet de train…

Dans le cadre d’une de mes options, j’ai eu à me pencher sur la question… Et pour ne pas laisser perdre l’étude que nous avions fait avec Pauline, j’ai décidé de la remettre sur le web… (des fois que cela puisse servir à d’autres…)

Cliquez ici pour voir des explications sur le concept des continuations dans les applications webs

Bonnes continuations !

Ajouter un commentaire

Notice pour l’utilisation des flux RSS

1 juin 2008

Les flux RSS… Kézako ? En fait, il s’agit d’un de mes outils préférés pour parcourir le web…

La majorité des personnes consultants des blogs ont une méthode simple mais pas toujours très efficace : allez visiter chaque blog un par un pour voir s’il y a du nouveau.
S’il n’y a rien de neuf, la visite n’est souvent que de courte durée… S’il y a un nouvel article, l’internaute est content et lis avidement la nouveauté. Mais le problème qui survient très rapidement : c’est quand on a beaucoup de sites internets à visiter : comment être sur de ne pas en avoir oublié un ?

Est-il possible d’avoir le temps en une courte durée de visiter tout les sites que l’on souhaite contenant des nouveautés ? A cette question, je répond oui. Grâce aux flux RSS.

Et mieux que ça, je vous l’explique !

Suivant votre façon de naviguer sur le web, il y aura deux explications : une première pour ceux qui utilisent ce qui pour moi est un des meilleurs navigateurs pour internet : Firefox (comme c’est mon cas)

(D’ailleurs, si vous ne l’avez pas encore et que vous voulez tenter l’expérience…

)

Explications pour Utilisateurs de Firefox

Pour commencer, il faut savoir si le site que vous visitez propose un flux rss, il est possible qu’il en fasse mention dans sa page, ou que simplement, le petit icône encadré ci-dessous apparaisse dans la barre d’adresse.

Repérer qu\'il y a un flux rss sur la page

Lorsque vous cliquez sur ce petit icône situé dans la barre d’adresse, une nouvelle fenêtre s’ouvre, vous demandant si vous souhaitez bien ajouter ce “marque page”, (vous pouvez à ce moment là choisir dans quel dossier vous souhaitez le mettre) puis validez !

Voila ! Vous êtes fin prèts pour suivre les nouveautés de ce site sans vous y connecter systématiquement… !

En effet, pour cela, en choisissant de voir la liste de vos “marques pages”, vous verrez le “flux rss” et en approchant votre souris au dessus, vous pourrez voir les dernières nouveautés publiées sur ce site !

Explications pour Utilisateurs d’Internet Explorer

Pour commencer, il faut savoir si le site que vous visitez propose un flux rss, il est possible qu’il en fasse mention dans sa page, ou que simplement, le petit icône encadré ci-dessous devienne “coloré” plutôt que grisé comme sur les pages ordinaires comme celle de google par exemple : http://google.fr

Lorsque vous cliquez sur ce bouton, une nouvelle fenêtre s’ouvre, vous présentant les dernières mises à jour du site web avec plus ou moins de détails, et vous proposant entre autre de vous “abonnez à ce flux”.

Une fois que vous avez choisi de vous “abonnez à ce flux”, il vous faut confirmer ce choix. (Vous avez ici la possibilité d’organiser vos flux rss et vos favoris librement, ce qui vous permet de ranger vos flux dans des catégories si vous le souhaitez)

Lorsque vous naviguez sur internet, vous pouvez donc de façon très simple, voir si les sites auxquels vous êtes abonné ont reçu des mises à jour.

Pour cela, cliquez sur le bouton “favoris” (celui en forme d’étoile), puis choisissez “flux”, ensuite, vous pouvez passer la souris au dessus de la ligne correspondant au site internet que vous souhaitez voir : et des informations concernant la dernière mise à jour apparaitront (notamment le nombre de nouveau message depuis votre dernière visite !)

Si vous avez d’autres questions par rapport à l’utilisation des flux rss (avec IE ou Firefox), n’hésitez pas à me les poser (en laissant un commentaire ou en me contactant).

(La partie concernant “Internet Explorer” demande à être testé, je ne suis pas “sûr” à 100% de ce que j’avance…)

Ajouter un commentaire