SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 461 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

Dernière modification de cette page le 25 février 2007

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

  • Menu animé déroulant

    16 août 2015 – 26 commentaires

    Barre de menu dynamique multi niveaux - adaptation aisée (?) des couleurs et dimensions - convient aussi aux petits écrans (mobiles).

  • Nivo Slider

    2 mars 2011 – 428 commentaires

    Nivo Slider pour SPIP permet d’intégrer des diaporamas en JQuery dans vos articles et squelettes.

  • bigfoot

    16 juin 2015 – 43 commentaires

    Un plugin qui facilite l’utilisation des notes de bas de page en les affichant dans des infobulles à l’aide d’un peu de javascript. Le constat de l’auteur du script : Les notes de bas de page sur le web sont une plaie. Tu dois d’abord essayer de (...)

  • Gribouille

    3 mars 2007 – 56 commentaires

    Documentation de Gribouille, le squelette de wiki qui succède à spikini.

  • BootStrap pour SPIP

    18 mars 2015 – 20 commentaires

    Documentation source http://spipr.nursit.com/bootstrap Présentation BootStrap est un framework qui facilite et accélère le développement Front-End. Il inclue une base CSS très complète (au format LESS) configurée à partir d’un (...)