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

77 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

  • 1

    Bonjour
    Avec Spip 3.2.9, j’ai un pb d’affichage pour la “mise en évidence” : [* *]

    Dans la page de l’article, pas de pb, l’affichage est ok.
    Mais dans les appels à l’article (depuis la page sommaire par exemple) en utilisant la balise #INTRODUCTION ou #DESCRIPTIF, le premier “[” s’affiche toujours même en mettant le filtre |supprimer_tags.
    [texte mis en évidence

    • Bonjour,

      Je viens de tester avec le squelette de la dist.
      Et je n’ai pas reproduit le problème.

    Reply to this message

  • 2

    Attention à la mise à jour
    La mise à jour de Enluminures typographiques 3.6.1 - stable vers la version 3.6.2 - stable ne semble pas fonctionner avec la version actuelle de SPIP (pas encore la 3.3)... des erreurs apparaissent.

    Erreurs :
    Warning: preg_replace(): Delimiter must not be alphanumeric or backslash in /home/laccrete/www/plugins/auto/typoenluminee/v3.6.2/typoenluminee.php on line 293

    Warning: preg_replace(): Delimiter must not be alphanumeric or backslash in /home/laccrete/www/plugins/auto/typoenluminee/v3.6.2/typoenluminee.php on line 293

    Warning: preg_replace(): Delimiter must not be alphanumeric or backslash in /home/laccrete/www/plugins/auto/typoenluminee/v3.6.2/typoenluminee.php on line 293

    Reply to this message

  • Bonjour,

    Dans le cadre de mon activité, j’aurai besoin de pouvoir écrire des symboles musicaux à partir de la fenêtre d’édition dans la partie admin.
    Je pense avoir trouvé la bonne police.

    Maintenant, j’aimerai soit rajouter un bouton pour changer la police au coup par coup.
    Est-ce possible ? Si oui comment ?

    Ou alors, faudrait-il que je surcharge l’un des boutons existant ?
    Dans cas, cela risque d’être pénible a chaque mise a jour du plug-in !?

    Merci pour votre avis sur la question.

    Bien à vous

    Chrys

    Reply to this message

  • 3

    Hello :-)

    Je n’en avais jamais parlé jusqu’ici parce que, bon... c’était pas vraiment bloquant non plus, Mais ca fait quand même quelques années maintenant que le code suivant (dans config/mes_options.php) n’a plus aucun effet sur aucun de mes sites et que je suis obligé de saisir ma config d’intertitres à la main via la config du plugin.

    Est-ce seulement une possibilité toujours d’actualité ? (ce code, je veux dire)

    $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>';

    Alors que curieusement, cette ligne là, elle, fonctionne parfaitement !

    $GLOBALS['BarreTypoEnrichie_Preserve_Header'] = true;

    QUESTION BONUS : Je n’ai pas l’impression à ce jour que le plugin exporte sa config via IEconfig?

    Merci d’avance pour toute piste ;)

    • Dans SoyezCréateurs, j’ai ça en plus :

      $GLOBALS['config_intertitre'] = true; // Nécessaire pour empêcher la configuration par CFG
    • Et j’ai complété l’article pour que la réponse soit dans l’article.

    • Ah oui, ca fonctionne déjà beaucoup mieux ! ^^

      Merci beaucoup :-)

    Reply to this message

  • Bonjour

    J’ai un problème d’affichage quand je coupe un texte utilisant des raccourcis de ce plugin.
    Dans mon squelette :

     <p>[(#TEXTE|couper{270})]</p>

    Texte qui contient des raccourcis “enluminures typo” par exemple :

    [|{{Lettres à Terre}}|]
    [|{d’Aristote à Pierre Rabhi}|]

    Mon texte va s’afficher comme ceci :
    “Lettres à Terred’Aristote à Pierre Rabhi” sans espace entre les 2 titres.
    Ok je peux régler mon problème en ajoutant une espace après le mot “Terre”. Le problème c’est que j’ai un site avec plus de 3000 articles fait comme ça et que je dois afficher une version coupée sur une page de liste et ça produit quelque chose de pas trés propre. Y a t’il une solution pour forcer l’ajout d’une espace après un titre en version coupée ?

    Merci de votre aide.

    Reply to this message

  • 1

    Bonjour,

    j’ai déjà posé cette question sur la page de la barre typo standard, mais je pense que cela concerne plutôt Enluminures typo v3:

    Comment saisir une liste :
    a)
    b)
    c)...

    plutôt qu’une liste :
    1)
    2)
    3)...

    Merci d’avance,

    Cordialement,

    Hervé

    Reply to this message

  • patrick jacques

    Bonjour,
    je développe un site en local. les icônes pour la mise en forme des textes (gras, texte barré, texte en évidence…) ne s’affichent pas, pourtant avant elles s’affichaient. C’est à dire que je peux cliquer dessus et le code de SPIP s’insère bien, mais à l’aveuglette.
    Que faire ? merci.

    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