Ajout de la numérotation des paragraphes en prévisualisation

[mattheyje]

Une évaluatrice souligne le fait que les paragraphes ne sont pas numérotés dans la prévisualisation de Stylo, et que cela pourrait être utile pour certaines pratiques.

[marviro]

C'est une très bonne idée, en effet

[marviro]

Où se trouve actuellement le template utilisé, @ggrossetie ? Je suis un peu perdu dans le code.

[davvalent]

Exemple avec CSS :

article {
    counter-reset: para;
  }
article p::before {
  counter-increment: para;
  content: counter(para);
  position: absolute;
  left: -1.5em;
}
article p {
  position: relative;
}

[ggrossetie]

On utilise `templateHtml5-preview.html5` à partir du dépôt https://framagit.org/stylo-editeur/templates-stylo Le sam. 17 févr. 2024, 07:22, David Valentine ***@***.***> a écrit :

…

Exemple avec CSS : article { counter-reset: para; }article p::before { counter-increment: para; content: counter(para); position: absolute; left: -1.5em; }article p { position: relative; } — Reply to this email directly, view it on GitHub <#1001 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AACRLXHNCCEG2R2NTBMY2UTYUBEBZAVCNFSM6AAAAABCVTX472VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSNBZG44DEMRZGM> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[marviro]

merci!

[RochDLY]

merci pour les infos ! La modif a été ajouté dans le template : https://framagit.org/stylo-editeur/templates-stylo/-/commit/2b012e8e5b3cd605ded1ff67f3dd64700c9c5240

[RochDLY]

ajouter les blockquotes dans le compteur @RochDLY

[antoinentl]

Avec @RochDLY nous listons les besoins :

• numérotation des paragraphes
• une liste ou une citation longue qui suit un paragraphe n'est pas considérée comme un paragraphe et donc n'est pas numérotée
• un bloc de code est un paragraphe
• les figures ne sont pas des paragraphes

Inspiration : OpenEdition Journals, Érudit.

Cas particulier : la revue RON avec une numérotation qui est forcément manuelle (exemple), ce cas ne peut pas être pris en compte dans Stylo (trop complexe).

[antoinentl]

Le code suivant semble répondre aux différentes exigences ci-dessus :

      article {
        counter-reset: paragraph;
      }

      article p::before, article pre::before {
        font-family: monospace;
        margin: auto;
        margin-left: auto;
        opacity: 0.5;
        content: counter(paragraph);
        counter-increment: paragraph;
        position: absolute;
        text-align: right;
        margin-left: -2.5rem;
        font-size: 0.75rem;
      }
      
      article p {
        position: relative;
      }

      blockquote > p::before {
        content: none;
      }

Il reste un problème non résolu : les images sont embarquées dans une balise p, ce qui fait que les blocs d'images sont numérotés. Je vois deux pistes possibles :

• réussir à repérer les paragraphes qui comportent une image et ne pas les numéroter, mais le code suivant ne fonctionne pas (ou à moitié) :

article p:has(> img):before {
        content: none;
      }

• traiter les images autrement dans la prévisualisation (et dans l'export) : créer un élément figure plutôt qu'une image dans un paragraphe. Sémantiquement cela a du sens.

Je laisse d'autres personnes réagir à cela, notamment @RochDLY et @marviro.

[RochDLY]

@antoinentl ta deuxième proposition me semble plus pertinente (je préfère qu'on trouve une structure sémantique adaptée plutôt qu'une bidouille dans le traitement)