Page 2 sur 3 PremièrePremière 1 2 3 DernièreDernière
Affichage des résultats 16 à 30 sur 44

Discussion: Editeur avec BB codes avancés version 1.2

  1. #1
    Auteur
    cclaerhout
    Version de vBulletin
    Version de la modification
    Nombre d'installations
    0
    Add-ons
    Supporté
    Non
    Modifie la base de données
    Non
    Installateur inclus
    Non
    Utilise les modules
    Non
    Modifie des templates
    Non
    Modifie le code
    Non
    Fichiers additionnels
    Non
    En version Béta ?
    Non


    Editeur avec BB codes avancés
    -Version 1.2-
    Réalisation par Cédric Claerhout
    pour www.vBulletin-fr.org

    Historique :
    8 septembre : sortie de la version 1.2 | Nouvelle balise Fieldset et simplification du code
    6 septembre : 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 : sortie de la version 1.0


    Présentation :
    Ce nouveau 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 ces BB codes ne sont pas de moi. Ils sont plusieurs années et 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 :
    1. le vieux BIMG permettant de réduire la taille d'une image
    2. le BIMGX permettant de réduire la taille d'une image tout en précisant sa largeur en pixels
    3. le IGAUCHE permettant de mettre une image en position absolue à gauche
    4. le IDROITE, idem mais du côté droite
    5. le IGAUCHEX, même logique si ce n'est que la largeur peut être spécifiée
    6. le IDROITEX, pas besoin d'en rajouter
    7. le BB code ARTICLE pour présenter les articles externes au forum
    8. le BB code ENCADRE pour mettre un encadré à droite d'un bloc texte en position absolue (valeur en %)
    9. le BB code ENCADREX fait la même chose, sauf qu'il laisse à l'utilisateur la possibilité de préciser la largeur en %.
    10. 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.
    11. le BB code JUSTIF, pour justifier un texte
    12. le BB code LATEX, pour les formules mathématiques (nécessite une installation externe et une modif au code du BB Code)
    13. le BB code FIELDSET
    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.


    Installation
    Très compliqué : dézippez, uploadez, importez et configurez* (si besoin, normalement c'est bon).
    *= dans les options vBulletin

    Les plus
    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.

    Infos
    vBulletin-fr et moi-même possédons les droits exclusifs de distribution de ce hack. Je ne pense avoir le temps de traduire ce hack en anglais. Si un membre de l'équipe de vb-fr veut le faire pour le redistribuer sur vb-org, aucun problème.

    P.S : j'ai joins à ce message une image de ce que permettent de faire ces BB codes au niveau de la mise en page. Pour des raisons de confidentialité j'ai en revanche dû flouter celle-ci. Navré. J'essayerai de vous faire un exemple.
    Dernière modification par cclaerhout ; 09/09/2007 à 01h35.

  2. #16
    Date d'inscription
    January 2005
    Localisation
    Taiwan
    Âge
    44
    Messages
    672
    Version de vBulletin
    3.8
    Hébergeur
    Hostdime
    Pouvoir de réputation
    75
    Citation Envoyé par Paulo Voir le message
    Autre petit détail, lors d'édition rapide du post avec ces balises, les variables texte apparaissent dans le post et non plus la phrase. Après un refrech, ça reviens.
    Je sais bien, mais au départ les expressions ne marchent pas avec les bbcodes. Il faut utiliser un subterfuge pas des plus joli, mais qui ne marche pas avec AJAX. En gros, il recherche le mot $vbphrase[ab_article] pour le remplacer par article. J'aurai pu choisir le mot choucroute_article sans mettre le $, cela aurait été a même chose.

    Je n'arrive pas à trouver la variable de sortie de texte avec AJAX. Si quelqu'un trouve l'astuce, je mets à jour.
    P.S : Arrêtez de m'appeler "cclaerhout" svp. J'ai pris ce nom plus comme un identifiant qu'un pseudo. Dites "Cédric", ça sera plus sympa.

  3. #17
    Date d'inscription
    May 2004
    Localisation
    Belgique
    Âge
    55
    Messages
    949
    Version de vBulletin
    3.7
    Hébergeur
    Thya.net
    Pouvoir de réputation
    77
    Merci, mais ce n'est pas grave comme détail ... le reste marche bien.

  4. #18
    Date d'inscription
    September 2002
    Localisation
    France
    Âge
    39
    Messages
    11 293
    Version de vBulletin
    5.0
    Hébergeur
    Serveur dédié OVH
    Billets dans le blog
    13
    Pouvoir de réputation
    140
    Citation Envoyé par cclaerhout Voir le message
    Je sais bien, mais au départ les expressions ne marchent pas avec les bbcodes. Il faut utiliser un subterfuge pas des plus joli, mais qui ne marche pas avec AJAX. En gros, il recherche le mot $vbphrase[ab_article] pour le remplacer par article. J'aurai pu choisir le mot choucroute_article sans mettre le $, cela aurait été a même chose.

    Je n'arrive pas à trouver la variable de sortie de texte avec AJAX. Si quelqu'un trouve l'astuce, je mets à jour.
    Si tu veux utiliser $vbphrase dans le code java, tu peux avec l'array vbphrase (pareil sans le $)
    vBulletin Quality Assurance
    Développeur en chef de Project Tools 2.1+ pour vB 4 et 2.0 pour vB 3
    Restera très discret sur toutes les futures fonctionnalités de vBulletin ainsi que de vBulletin 5 Connect jusqu'à leur sortie publique ^^

    Tout MP d'aide -> Supprimé

  5. #19
    Date d'inscription
    March 2003
    Localisation
    Sur mon coussin
    Messages
    5 556
    Version de vBulletin
    4.2
    Hébergeur
    localhost
    Pouvoir de réputation
    106
    Pas mal du tout, ça ! Merci beaucoup, ça évite d'installer tous ces BB codes manuellement
    Miaouuu... ne me caressez pas à rebrousse-poils, ça fait de l'électricité !
    Aucune demande d'aide par mp ne sera prise en compte !

  6. #20
    Date d'inscription
    July 2007
    Messages
    13
    Version de vBulletin
    3.8
    Hébergeur
    free
    Pouvoir de réputation
    0
    Merci également... C'est utiles!!!

  7. #21
    Date d'inscription
    March 2007
    Messages
    168
    Version de vBulletin
    3.7
    Hébergeur
    OVH
    Pouvoir de réputation
    63

    Super modif |Un peu d'aide... :s

    Bonjour,

    Une mofidification vraiment extra !!! Un grand merci, je viens de tomber dessus alors que j'avais cherché sans succès il y quelques semaines...

    Cependant, j'ai un petit soucis d'utilisation, peut être que quelqu'un aura la solution, j'espère...

    Quand je veux mettre une image (que je viens d'uploader) tout à droite ou tout à gauche pour écrire à coté, cela ne fonctionne pas. (voir screen)
    Y a t-il une modification à faire pour que cela fonctionne?


    Merci par avance,

    Cordialement

    Edellion
    Merci à toute l'équipe vbulletin pour leur aide, les développements... Merci à vous !

  8. #22
    Date d'inscription
    May 2004
    Localisation
    Belgique (Liège)
    Âge
    40
    Messages
    794
    Version de vBulletin
    5.0
    Hébergeur
    Dédie Ovh
    Pouvoir de réputation
    76
    Tout d'abord extra comme modif !!!! Bravo

    Sinon, ce qui serait vraiment parfait d'après moi, c'est d'avoir aussi l'option de diminue les images quand on décide de les mettre à droit ou gauche de l'article.

    Ce serait vraiment parfait ça !!!
    Nous devons apprendre à vivre ensemble comme des frères, sinon nous allons mourir tous ensemble comme des idiots.

  9. #23
    Date d'inscription
    March 2003
    Localisation
    Sur mon coussin
    Messages
    5 556
    Version de vBulletin
    4.2
    Hébergeur
    localhost
    Pouvoir de réputation
    106
    Mais elles y sont... IGAUCHE et IDROITE avec une largeur imposée, et IGAUCHEX et IDROITEX avec la largeur en option.
    Miaouuu... ne me caressez pas à rebrousse-poils, ça fait de l'électricité !
    Aucune demande d'aide par mp ne sera prise en compte !

  10. #24
    Date d'inscription
    March 2003
    Localisation
    Sur mon coussin
    Messages
    5 556
    Version de vBulletin
    4.2
    Hébergeur
    localhost
    Pouvoir de réputation
    106
    Pour Edellion : il faut placer ton image avec la balise IGAUCHE ou IDROITE (ou IGAUCHEX ou IDROITEX si tu veux en préciser la largeur), et écrire ton texte aussitôt la fermeture de balise. Le texte se place automatiquement à côté de l'image ; c'est l'équivalent de la class css float:left ou float:right.
    Miaouuu... ne me caressez pas à rebrousse-poils, ça fait de l'électricité !
    Aucune demande d'aide par mp ne sera prise en compte !

  11. #25
    Date d'inscription
    March 2007
    Messages
    168
    Version de vBulletin
    3.7
    Hébergeur
    OVH
    Pouvoir de réputation
    63

    Flèche

    Merci Eve_ra, mais en fait le pb est que l'image ne s'affiche pas... (cf screen) [Il faut attendre la validation... pour que tu vois exacteMent le pb ]

    Sinon, ça a l'air de fonctionner...

    Merci de ton aide !


    Cordialement

    Edellion
    Dernière modification par Edellion ; 24/02/2008 à 00h15.
    Merci à toute l'équipe vbulletin pour leur aide, les développements... Merci à vous !

  12. #26
    Date d'inscription
    March 2003
    Localisation
    Sur mon coussin
    Messages
    5 556
    Version de vBulletin
    4.2
    Hébergeur
    localhost
    Pouvoir de réputation
    106
    Manifestement, c'est l'url de ton image qui n'est pas correcte, car le texte se place bien autour.
    Miaouuu... ne me caressez pas à rebrousse-poils, ça fait de l'électricité !
    Aucune demande d'aide par mp ne sera prise en compte !

  13. #27
    Date d'inscription
    March 2007
    Messages
    168
    Version de vBulletin
    3.7
    Hébergeur
    OVH
    Pouvoir de réputation
    63
    Oui, c'est ça... Mais je ne comprends pas pourquoi cela ne fonctionne pas, car avec "centrer", ça fonctionne très bien... mais la même chose avec la balise à droite, cela ne fonctionne pas... (voir screen) (je reprécise que c'est une image uploader, quand je prend l'url d'une image sur mon serveur, cela fonctionne...)



    Merci par avance pour votre aide !


    Cordialement

    Edellion
    Merci à toute l'équipe vbulletin pour leur aide, les développements... Merci à vous !

  14. #28
    Date d'inscription
    September 2002
    Localisation
    France
    Âge
    39
    Messages
    11 293
    Version de vBulletin
    5.0
    Hébergeur
    Serveur dédié OVH
    Billets dans le blog
    13
    Pouvoir de réputation
    140
    Et le code source de l'erreur raconte quoi ?
    vBulletin Quality Assurance
    Développeur en chef de Project Tools 2.1+ pour vB 4 et 2.0 pour vB 3
    Restera très discret sur toutes les futures fonctionnalités de vBulletin ainsi que de vBulletin 5 Connect jusqu'à leur sortie publique ^^

    Tout MP d'aide -> Supprimé

  15. #29
    Date d'inscription
    March 2007
    Messages
    168
    Version de vBulletin
    3.7
    Hébergeur
    OVH
    Pouvoir de réputation
    63

    Flèche

    Voila exactement les infos en détaillé:

    le screen:

    bizar non.PNG


    clic droit sur l'image:

    clic droit image.JPG


    le code source:

    Code:
    				<!-- icon and title -->
    				<div class="smallfont">
    					<img class="inlineimg" src="images/icons/icon1.gif" alt="Par défaut" border="0" />
    					<strong>testestes</strong>
    				</div>
    				<hr size="1" style="color:#CCCCFF" />
    				<!-- / icon and title -->
    			
    			debut du post<br />
    <br />
    <span style="float:left;margin-top:0px;margin-bottom:0px;margin-right:10px;">
    	<img  src="<img src="http://www.trader-forex.fr/forum/attachment.php?attachmentid=946&amp;d=1203855989" border="0" alt="Nom : recession.jpg
    Affichages : 0
    Taille : 12,3 Ko" style="margin: 2px" />" alt=""/>
    </span>maizefhmaozefhmoazehfmzaejfhmkzjaefhmazkejfhmzakej  fhmkzajefnbhmkzaejfnbhmakzejbfmkazjebfmakjzehfzùlk  hgmoaijezuhgoaizuehgmlkzaenjgalkzenglkazenglkzaeng  lazejng!lzaegn!alzkegnjùazlkegjùazoiegjuzôiejgaùzk  eg,mazlegk<br />
    mazelgkazùemlg,jùaze,g<br />
    <br />
    fin du post

    Merci par avance,

    Cordialement

    Edellion
    Dernière modification par Edellion ; 24/02/2008 à 14h33.
    Merci à toute l'équipe vbulletin pour leur aide, les développements... Merci à vous !

  16. #30
    Date d'inscription
    September 2002
    Localisation
    France
    Âge
    39
    Messages
    11 293
    Version de vBulletin
    5.0
    Hébergeur
    Serveur dédié OVH
    Billets dans le blog
    13
    Pouvoir de réputation
    140
    Ok, double balise <img>, je regarde ce qui cloche
    vBulletin Quality Assurance
    Développeur en chef de Project Tools 2.1+ pour vB 4 et 2.0 pour vB 3
    Restera très discret sur toutes les futures fonctionnalités de vBulletin ainsi que de vBulletin 5 Connect jusqu'à leur sortie publique ^^

    Tout MP d'aide -> Supprimé

Informations de la discussion

Utilisateur(s) sur cette discussion

Il y a actuellement 1 utilisateur(s) naviguant sur cette discussion. (0 utilisateur(s) et 1 invité(s))

Les tags pour cette discussion

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •