Je suis capable de dessiner une case à cocher dans les listes README.md de Github en utilisant
- [ ] (for unchecked checkbox)
- [x] (for checked checkbox)Mais cela ne fonctionne pas dans le tableau. Quelqu'un sait-il comment implémenter une case à cocher ou une coche dans un tableau Markdown de GitHub ?
Essayez d'ajouter un - avant le [] o [x] . C'est un - suivi d'un espace blanc .
Vous trouverez ci-dessous un exemple tiré du blog de Github.
### Solar System Exploration, 1950s – 1960s
- [ ] Mercury
- [x] Venus
- [x] Earth (Orbit/Moon)
- [x] Mars
- [ ] Jupiter
- [ ] Saturn
- [ ] Uranus
- [ ] Neptune
- [ ] Comet HaleyIl apparaît comme ci-dessous :
Voici comment on pourrait faire la même chose dans un tableau :
| Task | Time required | Assigned to | Current Status | Finished |
|----------------|---------------|---------------|----------------|-----------|
| Calendar Cache | > 5 hours | | in progress | - [x] ok?
| Object Cache | > 5 hours | | in progress | [x] item1<br/>[ ] item2
| Object Cache | > 5 hours | | in progress | <ul><li>- [x] item1</li><li>- [ ] item2</li></ul>
| Object Cache | > 5 hours | | in progress | <ul><li>[x] item1</li><li>[ ] item2</li></ul>
- [x] works
- [x] works tooVoilà à quoi ça ressemble :
Il y avait une erreur de formatage dans la question initiale. Cela fonctionne pour les listes mais pas pour les tableaux.
Ça a l'air bien, mais les cases à cocher sont cassées. Si vous cliquez sur une case à cocher, cela ne fait rien. Normalement, le fait de cliquer sur une case à cocher GitHub Markdown l'active/désactive. La solution de contournement consiste à modifier manuellement le HTML, ce qui n'est pas génial, mais faisable.
Cela crée juste l'apparence d'une case à cocher. L'élément ne répond pas réellement aux événements de clics, ce qui en annule l'objectif : vérifier en mode rendu md, plutôt qu'en texte brut.
Les emojis sont désormais pris en charge ! :white_check_mark: / :heavy_check_mark: donne une bonne impression et bénéficie d'un large soutien :
Function | MySQL / MariaDB | PostgreSQL | SQLite
:------------ | :-------------| :-------------| :-------------
substr | :heavy_check_mark: | :white_check_mark: | :heavy_check_mark:donne un rendu (ici sur un ancien chrome 65.0.3x) :
Le rendu est très joli, mais l'inconvénient est que cela prend beaucoup de place dans le "code source" et n'est pas très lisible. Or la lisibilité est l'un des concepts majeurs de markdown.
Je pense que c'est peut-être périmé car :white_check_mark: ressemble maintenant à une case à cocher verte avec une coche blanche.
@davidkonrad, voir stackoverflow.com/a/59674743/90287 et plus particulièrement gist.github.com/rxaviers/7360908 . J'utilise Firefox 76.0.1 et Chrome 81.0.4044.138 sous Windows.
J'ai utilisé ☐ (☐) pour [ ] y ☑ (☑) pour [x] et cela fonctionne pour marqué.js qui indique qu'il est compatible avec Github markdown. J'ai basé ma solution sur les réponses à cette question . Voir aussi cette réponse informative .
Mise à jour : j'aurais dû mentionner que lorsque vous procédez de cette façon, vous n'avez pas besoin de la fonction <ul> par exemple
| Unchecked | Checked |
| --------- | ------- |
| ☐ | ☑ |
|checked|unchecked|crossed|
|---|---|---|
|✓|_|✗|Où
via Code d'entité HTML
via Code d'entité HTML
_ par le caractère de soulignement
et tableau via markdown syntaxe des tableaux .
Il y a de très belles Emoji instructions pour les icônes disponibles à l'adresse
Vous pouvez les consulter. J'espère que vous trouverez des icônes appropriées pour votre écriture.
Le meilleur,
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
2 votes
Consultez le blog de GitHub github.blog/2014-04-28-task-lists-in-all-markdown-documents
2 votes
Le format Markdown vous oblige à ajouter du texte après la case à cocher. Par exemple,
- [ ] myLabel