cedricAbonnel/folio
1
0
Fork 0
Code Issues 15 Pull Requests Actions Packages Projects Releases Wiki Activity

Prévisualisation Markdown en temps réel dans le formulaire #6

New Issue
Open
opened 2026-05-13 22:09:18 +00:00 by cedricAbonnel · 0 comments
cedricAbonnel commented 2026-05-13 22:09:18 +00:00
Owner
Copy Link
Copy Source

Contexte

Le contenu des articles est rédigé en Markdown mais le formulaire ne propose aucune prévisualisation — l'auteur doit sauvegarder et consulter l'article pour voir le rendu.

Besoin

Afficher un aperçu rendu du Markdown en temps réel (ou à la demande) directement dans le formulaire de création/édition.

Comportement attendu

  • Onglet ou panneau « Prévisualisation » à côté du champ de saisie
  • Le rendu est mis à jour à la frappe (ou via un bouton « Aperçu »)
  • Le rendu côté client doit être cohérent avec le rendu PHP côté serveur

Pistes techniques

  • Utiliser une lib JS légère (ex. marked.js) chargée localement (pas de CDN)
  • Deux modes : édition seule / édition + prévisualisation côte à côte
  • Assurer la cohérence avec le parseur Markdown PHP utilisé côté serveur

Dépendances

  • Issue #9 (formulaire d'édition d'article)

Critères d'acceptation

  • L'aperçu Markdown s'affiche dans le formulaire
  • La lib JS est auto-hébergée (pas de requête externe)
  • Le rendu est visuellement cohérent avec la vue publique de l'article

Migré depuis varlog#15

## Contexte Le contenu des articles est rédigé en Markdown mais le formulaire ne propose aucune prévisualisation — l'auteur doit sauvegarder et consulter l'article pour voir le rendu. ## Besoin Afficher un aperçu rendu du Markdown en temps réel (ou à la demande) directement dans le formulaire de création/édition. ## Comportement attendu - Onglet ou panneau « Prévisualisation » à côté du champ de saisie - Le rendu est mis à jour à la frappe (ou via un bouton « Aperçu ») - Le rendu côté client doit être cohérent avec le rendu PHP côté serveur ## Pistes techniques - Utiliser une lib JS légère (ex. `marked.js`) chargée localement (pas de CDN) - Deux modes : édition seule / édition + prévisualisation côte à côte - Assurer la cohérence avec le parseur Markdown PHP utilisé côté serveur ## Dépendances - Issue #9 (formulaire d'édition d'article) ## Critères d'acceptation - [ ] L'aperçu Markdown s'affiche dans le formulaire - [ ] La lib JS est auto-hébergée (pas de requête externe) - [ ] Le rendu est visuellement cohérent avec la vue publique de l'article --- *Migré depuis [varlog#15](https://git.abonnel.fr/cedricAbonnel/varlog/issues/15)*
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
cedricAbonnel (Cédric Abonnel)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: cedricAbonnel/folio#6
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?