Enluminures typographiques V3

Les Enluminures typographiques V3 permettent d’ajouter au Porte plume les raccourcis typographiques présents dans le Plugin Barre Typographique Enluminée.

C’est une extension du PortePlume.

Introduction

Pour la documentation d’usage, se reporter à celle du Plugin Barre Typographique Enluminée et à la documentation sur l’usage de ces raccourcis typographiques sur le site de l’auteur.

Installation

  1. activer le plugin
  2. vider le cache de SPIP [1]
  3. au besoin vider le cache du navigateur
  4. pour bénéficier de tous les raccourcis typographiques, y compris les petites capitales, il faut rajouter au fichier config/mes_options.php [2] :
    $GLOBALS['barre_typo_pas_de_fork_typo'] = false;

Personnalisation

Il est possible de personnaliser le html produit par les différents niveaux de titre. Dans config/mes_options.php (ou ecrire/mes_options.php avant SPIP 1.9.2) :

$GLOBALS['barre_typo_pas_de_fausses_puces'] = true;
 
$GLOBALS['BarreTypoEnrichie_Preserve_Header'] = true;
 
$GLOBALS['config_intertitre'] = true; // Nécessaire pour empêcher la configuration par CFG
$GLOBALS['debut_intertitre'] = '<h2 class="spip">';
$GLOBALS['fin_intertitre'] = '</h2>';
$GLOBALS['debut_intertitre_2'] = '<h3 class="spip">';
$GLOBALS['fin_intertitre_2'] = '</h3>';
$GLOBALS['debut_intertitre_3'] = '<h4 class="spip">';
$GLOBALS['fin_intertitre_3'] = '</h4>';
$GLOBALS['debut_intertitre_4'] = '<h5 class="spip">';
$GLOBALS['fin_intertitre_4'] = '</h5>';
$GLOBALS['debut_intertitre_5'] = '<h6 class="spip">';
$GLOBALS['fin_intertitre_5'] = '</h6>';

La première option permet de spécifier que les “-” en début de ligne seront transformés en “-*” ce qui au final donnera de vraies listes à puces.
Le comportement par défaut du plugin est donc identique à celui de SPIP.

La 2e option permet de ne pas envoyer sur le site public la feuille de style spécifique de ce plugin.

Les autres options permettent de spécifier le HTML générés par les différents niveaux de titre. Ici, on commence à H2 au lieu du H3 natif de SPIP.
Là encore, le plugin ne change rien au comportement par défaut de SPIP qui génère donc bien un H3 pour {{{

Documentation à l’usage des développeurs

C’est désormais le PortePlume qui intègre tout ce qu’il faut pour rajouter des boutons à la Barre Typo.

Des idées pour les développeurs

Parmi les ajouts possibles à la barre typo, il y a :

  • pouvoir activer/désactiver individuellement chaque raccourcis typo [3]
  • une procédure de désinstallation qui enlève les raccourcis typographiques supplémentaires.
  • la gestion propre de la pose d’un raccourcis typographique de caractères à cheval sur plusieurs paragraphes
  • améliorer le filtrage des éléments passés aux courriers envoyés par SPIP
  • remettre le rechercher/remplacer (comme la Barre Typo v2)
  • passer l’édition des tableaux en jQuery
  • ...

Footnotes

[1Nécessaire pour voir les nouveaux boutons !

[2Pour tenir compte de http://zone.spip.org/trac/spip-zone/changeset/22723 et disposer des raccourcis typo supplémentaires !

[3quelque part, la config de celui-ci le permet déjà pour les titres avec la possibilité de ne rien mettre

Discussion

3 discussions

  • 2

    Bonjour
    Avec Spip 3.2.13 ou 4.0.4 et Enluminures typographiques 3.6.6
    Dans un article, si je mets :

    <docXX|right>
    [(Mon texte encadré)]

    Le texte encadré masque le document inséré.
    Si dans le CSS de “texteencadre-spip”, je commente la règle /*! position: relative; */, le document inséré redevient visible. Cf image jointe.

    Reply to this message

  • 4

    Bonsoir,
    J’utilise Enluminure sur mon site en Spip 3.2 ; chaque fois que je mets le plungin à jour, je dois aller modifier ses CSS pour que mon code couleur “Mettre le texte en évidence” (#990000) s’applique (sinon, un orange s’applique par défaut).
    Est-ce mon code de site qui est mal foutu (ce qui est fort possible) ?
    Je refais un site en Spip 4 ; avant de faire n’importe quoi, je veux bien savoir ce qu’il en est.
    Merci

    • C’est dans les CSS de ton squelette qu’il faut faire la modification, pas dans la CSS du plugin.

    • Bonjour,
      Merci pour votre réponse.
      J’ai donc mis mes paramètres dans le fichier spip.css à l’endroit indiqué
      /* Enluminures typo V3 / Cf.: http://www.spip-contrib.net/3118 */
      (…)
      .caractencadre-spip background: transparent; text-decoration: none; color: #990000; font-weight: bold
      .caractencadre2-spip background: transparent; text-decoration: none; color: #009; font-weight: bold
      (…)
      Puis j’ai mis le plugin à jour.
      Mon texte apparaît en orange.
      J’ai dû rater quelque chose…
      Très bonne journée !
      Cécyle

    • Re-b,
      Je comprends.
      Je n’ai pas ça dans mon squelette (qui a pourtant supporté beaucoup de versions de Spip). Je vais donc créer ce fichier dans mon site en développement en Spip4. Et j’imagine que tout ira mieux ! ;-)
      Merci encore
      Bonne fin de journée

    Reply to this message

  • 12

    Bonjour,

    Que manque-t-il pour une compatibilité avec SPIP 4?

    merci d’avance,

    Cordialement,

    Hervé

    • Rien, on attendait simplement que spip 4 soit reellement sorti pour taguer le plugin. C’est chose faite, il devrait donc être dispo bientot.

    • Ça semble logique

      merci

    • Jean Michel

      Sous SPIP 4.0.0, quand je clique sur le bouton “Tableau” du plugin Enluminures version 3.6.6, le message “Failed loading image” (cf. copie d’écran jointe) s’affiche et je ne peux pas créer le tableau.

    • Bonjour,

      Je viens de tester avec Chrome/Win10, et ça marche chez moi™.

      Est-ce que tu pourrais préciser avec quel navigateur/OS tu as le problème ?

    • Jean Michel

      Je viens de tester avec la dernière version de Chrome (windows 10) et le problème persiste (site sous SPIP 4.0.0 / PHP 7.4).

    • Jean Michel

      spip.php?page=typoenluminee_tableau_edit génère dans la console javascript :
      Uncaught TypeError: zone is undefined
      selection http://.../plugins/porte_plume_enluminures_typographiques/editeur/table.js:349
      init http://.../plugins/porte_plume_enluminures_typographiques/editeur/table.js:427

    • Jean Michel

      Quand je clique sur le bouton « Tableau » du plugin Enluminures version 3.6.6, avec la dernière version de Chrome (windows 10) :
      -  Sous SPIP 3.2.11 (PHP 7.4), cela fonctionne normalement.
      -  Sous SPIP 4.0.0 (PHP 7.4), le message « Failed loading image » s’affiche et je ne peux pas créer le tableau.
      Visiblement, le bouton « Tableau » (du plugin Enluminures version 3.6.6) n’est pas compatible avec SPIP 4.0.0.

    • Je viens de faire le test avec :

      • installation d’un SPIP 4.0 vierge (sous Windows, avec
        checkout spip -b4.0 spip40\
      • installation du seul plugin Enluminures typo

      Et j’ai fait le test de créer un nouvel article, et de cliquer sur le bouton pour insérer un tableau. Ça marche™.
      Et sélection du tableau puis clic sur le bouton : OK.

      Est-ce que tu es sûr de ne pas avoir une surcharge des fichiers du plugin ?

      PS : j’ai refait le même test avec une installation avec SPIP Loader.
      PS² : un accès au site problématique envisageable ?

    • Jean Michel

      Je viens d’installer un SPIP 4.0.0 vierge (sous Windows 10 / PHP 7.4) à partir du fichier ZIP de SPIP 4.0.0 (8 juillet 2021) qui se trouve à l’adresse https://www.spip.net/fr_article2670.html .

      J’ai ensuite installé uniquement le plugin Enluminures version 3.6.6 à partir du fichier ZIP de la présente page.

      Sous Chrome (dernière version) j’ai créé une rubrique et un article, puis j’ai cliqué sur le bouton pour insérer un tableau. Le message « Failed loading image » s’affiche et je ne peux pas créer le tableau.

    • Ça ne devrait pas avoir de résultat différent.

      Tu as testé en mode privé de Chrome (pour ne pas avoir tes extensions de Chrome chargées) ?

    • Jean Michel

      Sou Chrome, en mode navigation privée, j’ai également le message « Failed loading image » s’affiche et je ne peux pas créer le tableau.
      Je vais arrêter de perdre mon temps avec le plugin Enluminure.

    • Perdre ton temps ?

      Et que dire des 2h que j’ai passée bénévolement à chercher à reproduire ton problème ?

      Au contraire, il faut continuer à chercher pourquoi tu as ce problème (et semble être le seul) .

    Reply to this message

Add a comment

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite / PostgreSQL
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparait.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom