SPIP - Contrib

SPIP - Contrib

[ar] [en] [es] [fr] [it]

259 visiteurs en ce moment

fontsizeup fontsizedown
Accueil du site > Contribs > Rédaction > Assistants de rédaction > Smileys > Smileys II, génération automatique
[16 commentaires]

Smileys II, génération automatique

vendredi 31 octobre 2003, par BoOz

  • Digg
  • Del.icio.us
  • Facebook
  • Google
  • Technorati
0 vote

Ce filtre automatise l’affichage des smileys à partir du contenus du répertoire /smileys.

Si comme moi vous utilisez le filtre de spip-o-japanim adapté par titeuf pour afficher des smileys sur vos publications, vous serez sans doute intéresé par ceci.

Le principe

Comment faire pour ne pas avoir à réécrire son filtre smileys à chaque fois qu’on souhaite enrichir ou modifier la liste de smileys que l’on propose dans un forum ?

C’est en réfléchissant à un système pratique que j’ai pensé à celui là :

Pourquoi ne pas générer automatiquement un liste de smileys grâce à ceux qui sont contenus dans le repertoire /smileys ?

Du coup il suffirait d’ajouter ou de supprimer des smileys dans le repertoire /smileys par ftp pour gérer en direct sa liste de smileys.

Vous pouvez voir ce filtre en action sur les forums de bloOg

Cette contrib vous propose :
- un tableau généré automatiquement qui récapitule les smileys disponibles dans votre dosier /smileys
- le filtre qui permet de les interpréter dans un texte.

Une fois ce filtre mis en place, vous n’aurez plus qu’à écrire les smileys "en texte" ou les glisser-déposer à partir du tableau récapitulatif, ils seront automatiquement remplacés par l’image correspondante.

La syntaxe utilisée pour écrire un smiley en texte est :nom pour chaque fichier nom.ext situé dans le répertoire /smileys.

Mise en place

Tout d’abord récupérez des smileys (formats de votre choix) et placez les dans un dossier "smileys/" à la racine de votre site SPIP. Je vous conseille des images pas trop grandes, du style 15x15 px.

Ensuite copiez_collez dans mes_fonctions.php3 le filtre suivant : (si vous avez déjà au moins un filtre, et donc une page mes_fonctions.php3, supprimez les balises <?php et ?> dans ce morceau de code)

Utiliser le filtre dans les squelettes

Maintenant que le filtre est en place il vous faut modifier les squelettes qui doivent prendre en compte ce filtre. Plus précisément ce sont sur les balises spip, affichant du texte (pouvant contenir des smileys), que vous devez appliquer ce filtre, par exemple dans vos squelettes de forums utilisez :

[(#TEXTE|smileys)]

on peut également utiliser d’autres filtres en même temps que celui là, par exemple :

[(#TEXTE|justifier|smileys|autres_filtres)]

Pour plus de détails sur l’utilisation des filtres, voir : Les filtres de SPIP (dans la documentation officielle).

Tableau récapitulatif

Il faut aussi penser à montrer à vos rédacteurs ou visiteurs les smileys qui seront filtrés, et qu’ils peuvent utiliser. Par exemple, dans le squelette "forum.html" qui permet d’écrire un nouveau message, ajoutez le tableau récapitulatif ci-dessous.

Utilisez la commande

Ce fichier appelle le fichier inc_tableau_smiley.html qui affiche la liste des smileys disponibles dans un tableau transparent.

Pour finir votre installation, téléchargez le fichier inc_tableau_smileys.html et son compère inc_tableau_smileys.php3 et placez les à la racine de votre site spip.

Pour les amateurs voici le code de inc_tableau_smileys.html :

Retour en haut de la page

16 Messages de forum

Voir toute la discussion

Pages 1 | 2

  • Répondre à ce message

    4 février 2007 01:29 , par Patrice Vanneufville

    Petite info : Tweak-Spip donne à son tour la possibilité de remplacer les raccourcis :toto par l’image toto.png (ou gif ou jpg) correspondante.

  • Répondre à ce message

    30 décembre 2005 14:08 , par Vincent ROBERT

    J’ai testé le patch de Fil pour le premier point, ça marche nickel.

    En fait, c’est surtout très utile si vous développer votre site avec "SVN", car ce dernier créer des répertoires cachés ".svn " et cela plante en effet l’affichage des smileys dans ce cas là.

    Concernant le second point, j’ai pas vraiment compris, mais pour éviter que cela bloque, il suffira de ne pas mettre " ;-)" dans vos titre d’article (et donc probablement dans votre balise html "title"

    A suivre donc !

  • Répondre à ce message

    21 décembre 2005 20:51 , par Fil

    Il y a deux petits bugs :

    - au niveau du parcours du répertoire : si on a un fichier ou un sous-répertoire dans emoticones/, mais qui n’a rien à voir avec des smileys, ça peut faire exploser le système. Je pense qu’on peut ajouter un test :

    if(($fich !='..') and ($fich !='.') and ($fich !='.test')
    AND preg_match(',\.(gif|jpg|png)$,', $fich)
    )

    - au niveau du remplacement, si par hasard on a l’expression :-) à l’intérieur d’un tag (dans un title par exemple), ça va remplacer et éclater le tag. Pour corriger ça c’est un petit peu plus difficile : il faut d’abord "échapper" les tags, faire les remplacements, puis rétablir les tags.

  • Répondre à ce message

    19 juillet 2005 13:12 , par BoOz

    Il suffit de rajouter des marges dans le tableau html de inc-tableau-smiley je suppose.

    D’ailleurs il est assez vilain ce tableau, il faudrait des css pour bien faire.

  • Répondre à ce message

    19 juillet 2005 13:06 , par DoriaN

    Qui saurait comment gérer l’espace autour des smileys ? j’ajoute des &nbsp; quelquepart dans la fonction ou je trouve le style qui va bien pour avoir quelques pixels de libres autours de mes "emoticones" ? -Merci-

  • Répondre à ce message

    31 mars 2005 12:30 , par BoOz

    Salut,

    J’ai cru comprendre qu’il fallait mettre le tandem inc_tableau_smileys dans le répertoire ecrire du site

    Non pas du tout, il n’y a rien a modifier dans le répertoire ecrire.

    Les adapatations sont à apporter dans les pages du site public (les squelettes)

    @+

  • Répondre à ce message

    31 mars 2005 11:32 , par Alain

    Du haut de ma grande inculture, j’arrive pas à utiliser cette contrib !

    J’ai cru comprendre qu’il fallait mettre le tandem inc_tableau_smileys dans le répertoire ecrire du site et modifier le "forum.html" dans le même répertoire, puis modifier "mes_fonctions.html" pour permettre la saisie des smileys, ma j’ai du rater un truc quelque part.

    Je suis en 1.7.2...
    Merci pour votre aide.
    Alain

  • Répondre à ce message

    3 août 2004 04:39 , par Maxime Ritter

    Chez moi non plus le glisser-déposer ne fonctionne plus, cela est soit lié au navigateur, soit il fallait comprendre "glisser déposer le texte en dessous, et non l’image".

    Mais j’ai refait la chose avec du javascript, qui est normalement compatible avec plus de navigateurs (cf URL).

    Voir en ligne : Smileys, 3ième génération

  • Répondre à ce message

    24 février 2004 15:24 , par kono

    parfaitement genial Merci

  • Répondre à ce message

    9 décembre 2003 09:03 , par asso.bachant

    heure tardive !!!!!!!!!!!!!!!!!! scuse mi

Pages 1 | 2

Répondre à cet article

Retour en haut de la page

Ça discute par ici

SPIP | Squelette | | Plan du site | Suivre la vie du site RSS 2.0