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

mattheyje commented 5 months ago

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 5 months ago

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

marviro commented 5 months ago

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

davvalent commented 5 months ago

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 5 months ago

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 https://github.com/EcrituresNumeriques/stylo/issues/1001#issuecomment-1949782293, or unsubscribe https://github.com/notifications/unsubscribe-auth/AACRLXHNCCEG2R2NTBMY2UTYUBEBZAVCNFSM6AAAAABCVTX472VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSNBZG44DEMRZGM . You are receiving this because you were mentioned.Message ID: @.***>

marviro commented 5 months ago

merci!

RochDLY commented 5 months ago

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

RochDLY commented 5 months ago

ajouter les blockquotes dans le compteur @RochDLY

antoinentl commented 4 months ago

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 4 months ago

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 3 months ago

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

EcrituresNumeriques / stylo

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