Typographie avec Joomla

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Typographie avec Joomla

    Bonjour,

    Je voulais vous demander comment vous, vous faites pour insérer une espace fine insécable. « »

    En insérant un espace insécable avec l'éditeur TinyMCE, un espace entier est inséré. « » et le code est :

    Code HTML:
    <span class="mce-nbsp-wrap" contenteditable="false"> </span>
    Merci pour vos suggestions !​

  • #2
    Bonjour,

    Pour visualiser l'insertion en wysiwyg, (sans parti-pris ) j'utiliserais UP comme ceci :
    Code HTML:
    Ceci est un test avec un espace insécable entre ces 2 mots : {up span=nowrap}premier{up icon=Ux2009}deuxième{/up span} et sécable ici : premier{up icon=Ux2009}deuxième
    2009 étant la valeur hexadecimale de &thinsp;
    L'avantage de voir l'insertion est d'éviter un écrasement ultérieur.

    Il faut que je regarde comment saisir une entité HTML comme argument de icon en restant en HTML
    Dernière édition par lomart à 20/12/2024, 07h08
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Désolé de ne pas avoir répondu avant, je ne reçois plus de notifications.

      Bonjour lomart ,

      Merci pour ta réponse. Je me réjouis qu'au moins une personne s'intéresse à ce sujet.

      Selon ta solution proposée, il serait nécessaire de mettre le deuxième mot dans le span. Ce qui n'est pas praticable, car il faudrait effectuer cette démarche manuellement pour chaque espace insécable.

      Pour WP il existe plusieurs plugins pour la gestion fine insécable, par exemple :
      wordpress.com/fr/plugins/wp-typography

      Mais, franchement, moi, préfère une solution ou il n'est pas nécessaire d'installer une extension supplémentaire.

      Pour l'instant, je fais de la manière suivante et je continue de cette façon tant qu'il n'y aura pas d'autre solution.

      1 - J'insère un espace insécable avec l'icône de TinyMCE.

      2 - Je vais sous code et je cherche/remplacer :

      Code HTML:
      <span class="mce-nbsp-wrap" contenteditable="false"> </span>
      par

      Code HTML:
      <span class="mce-nbsp-wrap" contenteditable="false">&thinsp;</span>
      3 - et « tout remplacer »


      Bonne soirée
      Dernière édition par Helloo à 22/12/2024, 21h23

      Commentaire


      • #4
        Bonjour,

        L'usage de l'espace fin étant surtout un problème de ponctuation, il faut un plugin qui corrige cela (comme celui sous WP)

        Bravo à Yann qui a développé ce plugin : https://forum.joomla.fr/forum/joomla...46#post1987246

        Pour les cas non traités ou un usage peu fréquent, je ne vois pas d'autre solution qu'une règle white-space:nowrap autour des mots concernés.
        Pour les entités HTML qui sont remplacées par leur représentation, il est impossible de savoir si c'est un nbsp ou un thinsp. J'ai réussi en faisant un copier-coller de l'article dans la BD vers un éditeur comme notepad+ qui affiche les caractères cachés. Ce n'est pas très pratique !
        D'une manière générale, je ne fais plus de modification en mode code. Cela pose 2 problèmes : on ne voit pas les modifs et on risque une suppression lors de la relecture par un rédacteur avec moins de droits ou un éditeur wysiwyg différents.
        Pour pousser à bout ce raisonnement, j'ai même écrit une action note pour voir les commentaires en wysiwyg !

        Pour la prochaine version de UP, j'ai fait évoluer l'action icon pour que cette écriture soit valide
        Code:
        Ceci est un test avec un espace insécable entre ces 2 mots : {up span=nowrap}premier{up icon=&thinsp;}deuxième{/up span} et sécable ici : premier{up icon=&thinsp;}deuxième​
        Helloo aime ceci.
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X