Editeur avec BB codes avancés
-Version 1.6-
Historique :
26 juillet 2010 : sortie de la version 1.6
-Ajout de la balise "Picasa" ; laquelle permet d'insérer des diaporamas Picasa (publiques ou semi-privés) dans vos messages via son lien RSS
20 août 2009 : sortie de la version 1.5b
-problème interface wysiwyg corrigé (bbcode parse)
20 août 2009 : sortie de la version 1.5 |MISE A JOUR MAJEURE
- Code entièrement réécris
- Affichage de la barre d'outils paramétrable selon le groupe d'utilisateurs
- Vérification des données envoyées par l'utilisateur. Si celui spécifie une largeur incorrecte, une largeur par défaut lui est substituée. Voir le menu "Options"
- Meilleure intégration de la configuration d'accès au script LATEX
- Bugs corrigés
IMPORTANT : VOUS DEVEZ DÉSINSTALLER TOTALEMENT LA VERSION 1.4
Si vous ne le faites pas, vous devrez supprimer un à un les BB Codes ajoutés par la version 1.4 avant pouvoir faire fonctionner la version 1.5.
5 août 2009 : sortie de la version 1.4 | Testée avec IE 8, FF, Opera, Chrome et Safari.
- Refonte du code pour les balises "article, "encadre" et "encadrex" : plus besoin d'éditer les templates CSS.
-CSS spéciale pour IE - détection automatique
-CSS spéciale pour les styles avec un fond sombre - paramétrable dans les options
-CSS normale pour les autres cas de figure.
Ces feuilles de styles sont dans 3 fichiers externes qu'il faut placer sur votre serveur.
5 août 2009 : sortie de la version 1.3 | Code rendu compatible avec vB 3.8 & modifications des balises "article, "encadre" et "encadrex" pour un affichage un peu mieux sous Internet Explorer au détriment :
-d'un espace entre l'intitulé du bbcode et le texte (voir ICI si ça vous convient)
-d'un CSS a rajouté à vos styles
8 septembre 2007 : sortie de la version 1.2 | Nouvelle balise Fieldset et simplification du code
6 septembre 2007 : sortie de la version 1.1 | Produit gérant intégralement les expressions (du moins celles qui pouvaient l'être... voire même au-delà)
4 septembre 2007 : sortie de la version 1.0
Présentation :
Ce produit vous permet d'installer sur votre forum de nouveaux BB codes avancés donnant à vos utilisateurs une plus grande créativité en terme de présentation de leurs messages.
Pour info, à l'origine, tous ces BB codes ne sont pas de moi. Ils ont plusieurs années. Je les ai faits évoluer au fur et à mesure de mes besoins. Certains sont en revanche 100% faits maison.
L'originalité de ce produit réside dans son installation, dans sa configuration et dans sa présentation. Tout est extrêmement simple.
Parmi ces nouveaux BB codes figurent :
- le vieux BIMG permettant de réduire la taille d'une image
- le BIMGX permettant de réduire la taille d'une image tout en précisant sa largeur en pixels
- le IGAUCHE permettant de mettre une image en position absolue à gauche
- le IDROITE, idem mais du côté droite
- le IGAUCHEX, même logique si ce n'est que la largeur peut être spécifiée
- le IDROITEX, pas besoin d'en rajouter
- le BB code ARTICLE pour présenter les articles externes au forum
- le BB code ENCADRE pour mettre un encadré à droite d'un bloc texte en position absolue (valeur en %)
- le BB code ENCADREX fait la même chose, sauf qu'il laisse à l'utilisateur la possibilité de préciser la largeur en %.
- le BB code SPOILER, inutile de le présenter. Je l'avais trouvé sur vb.com à l'époque et je l'ai modifié à plusieurs reprises.
- le BB code JUSTIF, pour justifier un texte
- le BB code LATEX, pour les formules mathématiques (nécessite une installation externe et une modif au code du BB Code)
- le BB code FIELDSET
- le BB code PICASA, pour insérer dans vos messages des diaporamas de vos albums Picasa (publiques ou semi-privés) VIA LEUR LIEN RSS (Voir le tutorial ci-dessous)
13 nouveaux BB codes à rajouter... Vous vous dites que ça risque de charger l'affichage de l'éditeur ? N'ayez crainte. Regardez les miniatures jointes pour vous en convaincre.
Démonstration
Style normal
Style sombre
Installation
Très compliqué : dézippez, uploadez, importez et configurez* (si besoin, normalement c'est bon).
*= dans les options vBulletin
Mise à jour
Désinstallez l'ancien produit complètement et installez le nouveau
N'oubliez pas de faire un tour dans les options si vous avez un style avec un fond sombre.
Utilisation des encadrés
Prenons le cas de figure où vous avez un texte principal et, à sa droite, un encadré qui court sur la longueur. Pour réaliser cette mise en page dans l'éditeur, vous devez d'abord placer l'encadré, puis le texte principal. Ce qui donne concrètement :
Les plusCode:[ENCADRE]BLA BLA BLA[/ENCADRE]TEXTE
Les BB codes vont s'installer automatiquement et les boutons dotés de fonctions complexes sont assortis d'une aide par des boites de dialogue en javascript.
Je tiens à remercier à ce titre Viper007Bond pour son hack "Embed XHTML valid YouTube and Google Video into your posts" dont j'ai pu étudier le code pour m'en inspirer et évidemment TheGeek pour son module GARS et son bouton "nouvelle page" que j'ai pu étudier pour voir comment il utilisait le javascript.
Je tiens aussi à remercier Gargi pour son tutorial sur l'intégration des Bbcodes.
Utilisation de la balise PICASA
Méthodologie (en complément à l'image jointe) :
1)Connectez-vous à votre compte Picasa
2)Entrez dans l'album pour lequel vous souhaitez afficher un diaporama sur le forum
3)Cliquez avec le bouton droite de votre souris sur "RSS" qui se trouve dans la colonne de droite de la page Picasa (voir l'exemple photo joint) et copier le lien.
4)Revenir sur le forum, ouvrez un message, cliquez sur l'icône ; et coller le lien.
5)C'est tout
Exemple grandeur nature : CLIQUEZ ICI
Infos
vBulletin-fr et moi-même possédons les droits exclusifs de distribution de ce hack.
Pour avoir des captures d'écran, reportez-vous à cette page.
Dernière modification par cclaerhout ; 16/04/2011 à 11h14.