SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

282 Plugins, 197 contribs sur SPIP-Zone, 249 visiteurs en ce moment

Accueil > Rédaction > Assistants de rédaction > Barre Typographique V2 > Barre Typographiques Enluminée > 5 Nouveaux raccourcis typographiques & validation HTML 4.01 (...)

5 Nouveaux raccourcis typographiques & validation HTML 4.01 transitional

22 octobre 2003 – par RealET

1 vote

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

Rajout de 5 nouveaux raccourcis typographiques et de quelques éléments pour valider en HTML 4.01 transitional.

J’ai eu le besoin de faire les mises en forme suivantes : Aligner à droite, Centrer, Encadrer (le bloc ou un morceau) et mettre en exposant.

Raccourcis désormais disponibles

  1. [/texte/] : aligner le texte à droite
  2. [|texte|] : centrer le texte
  3. [(texte)] : encadrer le texte (occupe toute la largeur de la page, à mettre autour d’un paragraphe)
  4. [*texte*] : encadrer/surligner le texte (une partie à l’intérieur d’un paragraphe)
  5. [^texte^] : mettre en exposant le texte sélectionné

Le style pour les encadrements

Ces styles sont à rajouter dans votre feuille de style.
Vous pouvez bien sûr les personnaliser. En particulier caractencadre-spip peut servir à faire du surlignage plutôt que de l’encadrement. C’est donc à comprendre comme une mise en évidence.

Le code source de mes_fonctions.php3

Quelques explications

Pourquoi j’ai fait tout ça ?

La fonction HTMLEntitiesFr transforme en entités HTML les caractères spéciaux tels que « éèàçÇÀÉ ». J’ai eu à le faire car mon site ne s’affichais pas corectement sur Mac sans ça.

Dans PyratTypo :

  • les numéros 15 à 24 [1] inclus concernent les 5 nouveaux raccourcis [2]
  • les numéros 25 à 32 rendent le code généré par spip compatible HTML 4.01 transitional (div, ul, ol, table ne peuvent pas être encadrés d’un p) [3]

Utilisation

L’appel se fait en rajoutant |HTMLEntitiesFr à votre balise dans les squelettes (ex : [(#TEXTE|HTMLEntitiesFr)]). HTMLEntitiesFr exécute aussi PyratTypo.
Vous pouvez aussi n’appeler que PyratTypo si la transformation en entité HTML ne vous convient pas.

Ceci tourne sur mon site perso

P.-S.

Pour ceux qui utilisent la toolbar de cet article, vous trouverez ci-joint le fichier .js modifié pour intégrer ces 5 raccourcis.

Notes

[1Les numéros viennent de ce que j’avais initialement modifié le code de inc_texte.php3 pour faire quelques ajouts dans function traiter_raccourcis

[2Je n’ai pas réussi à faire que lorsque l’on utilise la balise < code >[/texte/]< / code >, donc, un de mes raccourcis au milieu de code, il garde le texte du raccourcis  ; si quelqu’un trouve, je le rajoute ici.

[3Ceci ne peut pas être intégré dans inc_texte.php3 tel quel car les p entourant sont rajoutés après

Retour en haut de la page

Répondre à cet article

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Menus

    18 août 2009 – 898 commentaires

    Créez enfin vos menus facilement !

  • Cycle2

    7 août 2014 – 43 commentaires

    La seconde version de la librairie Javascript « jQuery Cycle », qui permet de produire des diaporamas, se nomme « Cycle2 » : http://jquery.malsup.com/cycle2/. Voici cette nouvelle librairie mise en plugin pour SPIP. Si vous utilisez déjà « jQuery Cycle  (...)

  • Formulaire d’upload en html5

    27 avril – 28 commentaires

    Un formulaire d’upload en html5 pour l’interface admin de SPIP. Ce plugin ajoute un système d’upload moderne à SPIP. Il peut être utilisé pour l’upload de masse. Ce système est basé sur dropzonejs. Utilisation C’est un formulaire spip qui peut être (...)

  • Adaptive Images

    15 novembre 2013 – 52 commentaires

    Un plugin pour permettre aux sites responsive d’adapter automatiquement les images de la page à l’écran de consultation. Adaptive Images, que l’on pourrait traduire par Images adaptatives, désigne la pratique qui vise à adapter les taille, résolution (...)

  • Définitions et FAQ, version 3

    1er mai – commentaires

    Écrire rapidement des listes de question-réponse sous forme de FAQ, sans se prendre la tête. Ce plugin est une extension de Textwheel ; il ajoute de nouveaux raccourcis typographiques permettant de générer rapidement une FAQ proprement présentée, et (...)