Citations bien balisées

Pour gérer automatiquement les citations courtes

Ce plugin modifie le traitement du raccourci typographique « <quote> » de SPIP afin de pouvoir produire des citations courtes (moins d’une ligne) plus conformes au HTML.

Ce tout petit plugin est une contribution très simple qui a été inspirée par un billet de tetue publié sur son blog, « Des citations bien balisées », lequel décrypte les spécifications W3C sur le sujet.

Son objectif est de permettre à SPIP de faire la différence entre les citations courtes et longues et d’appliquer le balisage HTML adéquat.

Installation du plugin

Vous trouverez la dernière version du paquet du plugin dans la zone ou ci-dessous :

Version 0.1.4
Zip du plugin placé sur SPIP-Zone (mis à jour régulièrement)

Dézippez (décompressez) cette archive, puis suivez les instructions traditionnelles pour installer un plugin : Installer un plugin

N’oubliez pas de l’activer...

Citations courtes, longues ??

SPIP permet de faire des citations (originellement pour les forums) grâce au raccourci typographique <quote> comme nous l’indique la documentation pour les rédacteurs.

Quand on écrit « <quote>ceci est une citation courte</quote> », SPIP affiche :

ceci est une citation courte

Ce qui correspond au code HTML suivant : <blockquote class=spip>ceci est une citation courte</blockquote>.

La citation est placée à la ligne, hors du texte, ce qui ne convient pas toujours. En HTML il existe une autre façon de citer que d’utiliser <blockquote> (qui place la citation dans un paragraphe) qui est l’utilisation de <q>.

Le traitement effectué par le plugin

Ce plugin analyse les citations avant que SPIP ne traduise les raccourcis typographiques en HTML. Si la citation tient sur une seule ligne (sans aucun retour à la ligne), il la placera entre des <q> sinon, il laissera SPIP placer des <blockquote>

Le plugin est fourni avec une feuille de style (CSS) minimaliste qui entoure les citations courtes (<q>) par des guillemets typographiques (« et ») et rend la fonte oblique.

Des exemples

Voici quelques exemples de ce qui fait ce plugin.

Une citation courte dans un texte. Voici ce que nous écrivons dans SPIP :

De Proust on connaît évidemment la phrase <quote>Longtemps, je me suis couché de bonne heure…</quote> qui est la première de son œuvre.

Fonctionnement du plugin avec une citation courte
sans le pluginavec le plugin
affichage De Proust on connait évidement la phrase

Longtemps, je me suis couché de bonne heure…

qui est la première de son œuvre.

De Proust on connait évidement la phrase Longtemps, je me suis couché de bonne heure… qui est la première de son œuvre.
Code HTML <p>De Proust on connait évidement la phrase <blockquote>Longtemps, je me suis couché de bonne heure&hellip;</blockquote> qui est la première de son œuvre.</p> <p>De Proust on connait évidement la phrase <q>Longtemps, je me suis couché de bonne heure&hellip;</q> qui est la première de son œuvre.</p>

Une citation de plusieurs lignes :

Voici un Haiku très connu:
<quote>
dans le vieil étang,
_ Une grenouille saute,
_ un ploc de l'eau.
</quote>
de Matsuo Bashō

 [1]

Fonctionnement du plugin avec une citation longue
sans le pluginavec le plugin
affichage Voici un Haiku très connu :

dans le vieil étang,

Une grenouille saute,

un ploc de l’eau.


de Matsuo Bashō

Code HTML
Voici un Haiku très connu&nbsp;:
<blockquote class="spip">
<p>
dans le vieil étang,
<br />Une grenouille saute,
<br />un ploc de l&#8217;eau.</p>
</blockquote>
<p>
de Matsuo Bashō</p>

Notes

[1les _ permettent dans le cas de poésies de revenir à la ligne sans paragrapher. Leur usage est déconseillé, il vaut mieux leur préférer le raccourci typographique <poesie>. Dans le cadre de cet exemple, le raccourci <poesie> n’était pas opportun.

Discussion

Aucune discussion

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom

Dernière modification de cette page le 24 octobre 2017