L’idée est tout simplement d’ajouter dans la barre d’aide à la saisie un bouton qui lance dans une autre fenêtre une galerie de tous les documents déjà présents dans SPIP.

Depuis cette fenêtre, il est alors possible de se déplacer dans l’arborescence des rubriques et articles du site, et ainsi de visualiser tous les documents qui leurs sont attachés.

Une fois le bon document retrouvé, des liens permettent d’ajouter simplement le bon raccourci typographique à la zone de saisie qui était active.

Démonstration en images

1 - Ouvrez la galerie

Tout d’abord, cliquez sur le nouveau bouton de la barre d’aide à la saisie des raccourcis typographiques :

2 - Naviguez dans l’arborescence

Déplacez-vous dans l’arborescence du site pour y retrouver le document ou l’image qui vous intéresse :

3 - Visualisez l’élément et ses liens d’ajout

Une fois le bon élément retrouvé, cliquez sur le lien correspondant à l’affichahe souhaité :

4 - Continuez à travailler normalement

Après avoir cliqué sur l’un des liens, le code correspondant est ajouté à la zone de saisie et la galerie est refermée :

Installation

Tout d’abord, téléchargez cette archive :

galerie.zip

Les fichiers de la galerie pour SPIP 1.7.2

Elle contient les quatre fichiers suivants :

• galerie.php3 est le script qui affiche la galerie, il est à placer dans le répertoire ecrire/

• galerie.png est une nouvelle icône pour la barre, elle est à placer dans le répertoire IMG/icones_barre/, et elle pourra être avantageusement remplacée par une autre plus jolie

• inc_barre.php3 est une version modifiée de la version fournie avec SPIP 1.7.2. La seule différence est l’ajout des lignes 69 à 72 suivantes :
    // Galerie
    if (!$forum) {
      $ret .= bouton_barre_racc ("javascript:barre_galerie('$champ')",
  'galerie.png', 'Ouvrir la galerie', $formulaire, $texte);
    }

  Télécharger

• spip_barre.js est une version modifiée de la version fournie avec SPIP 1.7.2. La seule différence est l’ajout des lignes 89 à 91 de la fonction barre_galerie() :
    function barre_galerie(champ) {
      window.open('galerie.php3?field=' + champ, 'galerie',
  'width=550,height=400,menubar=no,scrollbars=yes')
    }

  Télécharger