Enluminures typographiques V3

Publié le : 25 juillet 2009 – Dernière modification le 21 décembre 2021 – par RealET – 247 commentaires

1
2
3
4
5
54 votes

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
  • ...

Notes

[1] Nécessaire pour voir les nouveaux boutons !

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

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

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

78 discussions

  • 2
    christophe

    bonjour,

    il semble qu’il ne soit pas possible de surcharger les deux feuilles de styles chargées dans l’espace privé à partir d’un autre plugin ? Est-il possible d’ajouter cette possibilité ?

    Je pose cette question car il me semble qu’il serait utile que les styles dans l’espace privé soient identiques à ceux de l’espace publique, cela facilite le travail de préparation du texte et évite d’aller chercher la prévisualisation du texte.

    • RealET

      Mais si !

      Puisque le plugin utilise #CHEMIN/find_in_path, il suffit que ton plugin indique qu’il utilise/necessite ce plugin.
      Comme ça, sa surcharge sera prioritaire.

    • christophe

      oui, pour la partie publique, je confirme que ça fonctionne ainsi.

      Mais ma question portait sur les css dans la partie privée. C’est toujours le fichier du plugin typo qui est chargé et non celui que j’ai mis dans plugin-tiers/css/ (ci-dessous capture d’écran du fichier css de partie privée)

    Répondre à ce message

  • 1
    Mist. GraphX

    Bonjour,

    Je rencontre un problème (sous spip3) avec le traitement des raccourcis italiques quand ils sont traités par typo enluminée, manifestement la regex n’est pas aussi fiable que celle d’origine de spip (nécessite qu’il y ai des espace pour interpréter correctement les italiques, même sans êtres imbriqués genre titre+italic , je sais c’est tordu mais j’ai le cas :/ . )

    donc pour test j’ai désactivé tout ce qui concerne le traitement des italiques, dans typoenluminee_pre_typo($texte), et ça fonctionne normalement.

    au final, une question : pourquoi gérer/modifier les raccourcis de spip natifs via le plugin ?

    • RealET

      Je crois bien qu’à l’époque, ça avait été nécessaire pour changer l’ordre de prise en compte et ne pas avoir un des nouveaux raccourcis pris pour un italique. Mais ça n’est peut-être plus nécessaire.

    Répondre à ce message

  • 1
    Dan

    Bonjour,

    Est il prévu d’ajouter un raccourci pour permettre la justification d’un paragraphe ?

    Merci

    • RealET

      La justification sur Internet rend la lecture d’un texte plus difficile. Donc, non, ça ne sera pas mis dans ce plugin.

    Répondre à ce message

  • Kingrise

    Merci pour ce plugin !

    Le n° de révision n’est pas à jour dans le fichier sur la zone de téléchargement ?!
    La lame « Mise-à-jour automatique » du plugin « Couteau suisse » me renseigne 89129 mais c’est la révision 88075 qui et toujours renseignée dans le fichier déposé sur la zone !

    Répondre à ce message

  • 11
    frdm

    Bonjour,
    Je me demande le rôle des lignes suivantes à cet endroit http://zone.spip.org/trac/spip-zone... dans le fichier typoenluminee.php - rev. 47629.
    Chez moi cela ne produit rien. S’agirait-il éventuellement d’un conflit avec un autre plugin chez moi, ou bien s’agit-il de “lignes dormantes” désormais qui avaient un effet dans les anciennes versions du plugin ? :

    $texte = str_replace('<-->','&harr;',$texte);
$texte = str_replace('-->','&rarr;',$texte);
$texte = str_replace('<--','&larr;',$texte);
$texte = str_replace('<==>','&hArr;',$texte);
$texte = str_replace('==>','&rArr;',$texte);
$texte = str_replace('<==','&lArr;',$texte);
$texte = str_ireplace('(c)','&copy;',$texte);
$texte = str_ireplace('(r)','&reg;',$texte);
$texte = str_ireplace('(tm)','&trade;',$texte);
$texte = str_replace('...','&hellip;',$texte);
    • RealET

      Point 4 de l’installation : $GLOBALS['barre_typo_pas_de_fork_typo'] = false; pour bénéficier de toute la richesse typo de ce plugin.

    • frdm

      Merci ! Cela fonctionne comme indiqué.

    • Théo

      Voici le contenu de mon fichier mes_options.php placé dans squelettes :

      <?php
// proteger le #FORMULAIRE_CONTACT_LIBRE
$GLOBALS['formulaires_no_spam'][] = 'contact_libre';
$GLOBALS['barre_typo_pas_de_fork_typo'] = false;
#FORMULAIRE_CONTACT
)
?>

      Dans ma page :

      {{{*Transformer en Intertitre}}}

{{{**Transformer en Intertitre, niveau 2}}}

{{{***Transformer en Intertitre, niveau 3}}}

{{{****Transformer en Intertitre, niveau 4}}}

{{{*****Transformer en Intertitre, niveau 5}}}


      Et en pièce jointe le résultat une fois avoir enregistré puis, sur fond beige, le résultat « en ligne ».

    • RealET

      Bonjour,

      Ça, ça veut juste dire que le squelette n’a pas les CSS qui vont bien pour styler les différents niveaux de titre ;-)

    • Théo

      Merci de la réponse rapide mais où vais-je trouver ces CSS ?

      Y aurait-il quelques choses à modifier ici ? (voir la pièce jointe).

      Merci d’avance

    • Théo

      Pourtant la feuille de styles enluminurestypo_prive.css semble bien contenir les équivalences des hx vers les pixels :

      h2.spip, h3.spip, h4.spip, h5.spip, h6.spip {
	border-left: 1px solid #ccd;
    color: #666;
	padding-left: 1em;
	text-align: left;
	margin-left: 15px;
}
h2.spip {
    border-left-width: 16px;
	margin-left: 0;
}
h3.spip {
    border-left-width: 10px;
	margin-left: 6px;
}
h4.spip {
    border-left-width: 6px;
	margin-left: 10px;
}
h5.spip {
    border-left-width: 2px;
	margin-left: 14px;
}

acronym, abbr { border-bottom: .1em dotted; cursor: help; }

.preview  ol.spip {
	padding: 0;
}

      et les titrailles du fichier précédent semblent bien paramétrées… non ?

    • RealET

      2 choses :

      • Les CSS du privé, c’est, comme leur nom l’indique, pour l’espace d’administration
      • d’après la copie d’écran, le #INSERT_HEAD a été désactivé : les CSS du plugin ne peuvent donc pas agir dans le public
    • Théo

      Je viens de mettre « Insertion automatique », de vider le cache + celui du navigateur
      et c’est pareil à « voir en ligne ». :-(

    • RealET

      C’est tout à fait normal : les titres font parti de la charte typographique du site. Le plugin n’a rien à y toucher.
      Regardes : http://zone.spip.org/trac/spip-zone/browser/_plugins_/porte_plume_extras/enluminures_typographiques_v3/css/enluminurestypo.css

      C’est donc à toi, dans les CSS de ton site de faire les ajustements CSS nécessaires. Ou de confier cela à un tiers, au besoin.

    • Théo

      Dans squelettes-dist / css / typo.css  ?

      /* Titraille / Intertitres */
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 { display: block; margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
hr { height: 1px; margin: 1.5em 0; border: 0; background: #222222; color: #222222; }

h1,.h1 { font-size: 2em; line-height: 1.5; margin-bottom: .75em; }
h2,.h2 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h3,.h3 { font-size: 1.25em; line-height: 1.2; margin-bottom: 1.2em; }
h4,.h4 { font-size: 1.1em; line-height: 1.364; margin-bottom: 1.364em; }
h5,.h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6,.h6 { font-size: 1em; font-weight: bold; }

      déplacé dans squelettes / css / …

    • Théo

      d’après la copie d’écran, le #INSERT_HEAD a été désactivé : les CSS du plugin ne peuvent donc pas agir dans le public

      Je n’ai pas trouvé comment activer le #INSERT_HEAD dans :
      http://www.spip.net/fr_article4629.html

      Il est question de :

      On peut activer ou désactiver cette fonction dans le panneau de configuration de la partie privée.

      mais j’ai beau chercher dans les différents menus de configuration de la parti privée, je ne trouve rien :(

    Répondre à ce message

  • pverrier

    Bonjour,

    Dans Installation, la ligne indiquant l’ajout de

    $GLOBALS['barre_typo_pas_de_fork_typo'] = false;

    dans mes_options.php est-elle toujours d’actualité ?

    J’ai testé (v3.4.5) sur SPIP 2 je ne vois aucun changement quand à la liste des outils disponibles (qui me semble par ailleurs complète dès l’installation, avec entre autres les “petites capitales”). Sur SPIP 3 tous les outils semblent également en place sans ajouter cette option.

    Répondre à ce message

  • 1
    olivier

    Bonjour,
    j’ai la version 3 0 16 de SPIP.
    Dans le répertoire config, je n’ai pas de fichier « mes options »

    Répondre à ce message

  • crazyspip

    Bonjour,

    Tout d’abord merci beaucoup pour ce plugin qui facilite bien le travail des auteurs ! Je l’utilise pour la première fois, mais vraissemblablement pas la dernière !

    Par contre, je voudrais signaler un souci lorsque l’on utilise « Enluminure » avec le plugin « Contact avancé ». Contact génère un mail avec les données d’identification encodées dans le formulaire. Ces données (nom, prénom, etc) sont présentées proprement dans le mail, les unes sous les autres.

    Mais dès qu’on active « Enluminure typo », ces données se retrouvent collées à la queue-leu-leu dans le mail. Ça donne : Civilité : madamePrénom : machinNom : TrucOrganisation : Bidule

    Je ne sais pas vraiment dans quelle direction chercher une solution. Une idée ?

    Config = toutes les versions à jour càd :
    -  Spip 3.0.16
    -  Enluminures typographiques 3.4.2
    -  Formulaire de contact avancé 0.11.1
    -  Facteur 3.0.7

    Répondre à ce message

  • 1
    ludogre

    Bonjour.

    Je crois disposer de tous les boutons de raccourcis.
    Seulement, je ne vois pas celui qui sert à centrer le texte (alors que celui pour l’alignement à droite y est bien).

    J’ai modifié mon fichier config/mes_options.php pour y ajouter « $GLOBALS[’barre_typo_pas_de_fork_typo’] = false ; », vidé le cache … sans succès.

    Est-ce juste parce que ce bouton n’est pas prévu par le plugin ou bien est-ce un problème sur mon installation ?

    Merci.

    • RealET

      Bonjour,

      Centrer est un raccourcis typo trop « dangereux » : il sert à faire de la mise en forme alors que les raccourcis typo ne devraient servir qu’à faire de la mise en sens.

      Le centrage devrait être réglé par la CSS, et non dans un article.

      Seule exception notable : proposer au téléchargement une affiche (de kermesse par exemple) et reproduire l’affiche avec sa mise en forme dans l’article.

      Voir aussi : Les raccourcis typographiques indispensables de SPIP.

    Répondre à ce message

  • peetdu

    Bonjour,

    avec SPIP 3.0.10 et la dernière mise à jour du plugin (V3.3.2) il y a un affichage curieux des SUP et SUB sur Chrome, Safari et Firefox. (Windows et OSX)

    Dans le fichier enluminurestypo.css,
    1- pour le SUP : si on supprime la ligne 39 (vertical-align:24%) l’affichage est pas mal
    2- pour le SUB : si si on supprime la ligne 45 (vertical-align :-20%)idem

    P.

    Répondre à ce message

Ajouter un commentaire

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
  • 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 apparaît.

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.

Qui êtes-vous ?
[Se connecter]

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