EcrituresNumeriques/stylo

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

Opened this issue · 10 comments

mattheyje commented

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 commented

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

marviro commented

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

davvalent commented

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 commented
marviro commented

merci!

RochDLY commented

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

RochDLY commented

ajouter les blockquotes dans le compteur @RochDLY

antoinentl commented

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 commented

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 commented

@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)