Comment dessiner une case à cocher ou une coche dans un tableau Markdown de GitHub ?

Question

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 ?

Answer 1

Vous pouvez utiliser des emojis

Done? | Name
:---:| ---
| Nope
| Yep

Answer 2

Malheureusement, la réponse acceptée ne fonctionne pas pour moi (j'utilise le format markdown à la sauce GitHub).

Il me vient à l'esprit que puisque nous ajoutons des éléments HTML, pourquoi ne pas simplement ajouter une balise <input> à la place.

| demo                                              | demo |
| ------------------------------------------------- | ---- |
| <input type="checkbox" disabled checked /> works  |      |
| <input type="checkbox" disabled /> works here too |      |

Cela devrait fonctionner dans n'importe quel environnement parce que c'est du HTML simple (voir FYI ci-dessous).

Pour information, cet exemple a été testé dans le mode de prévisualisation markdown de VS Code (à la manière de GitHub), la capture d'écran est également prise dans le mode de prévisualisation de VS Code, Ça ne fonctionne pas exactement sur GitHub.

L'Emoji mentionné ci-dessus est une bonne alternative, si cela ne fonctionne pas dans votre environnement cible.

Answer 3

09 2021

Si vous avez un problème avec le code markdown standard. Vous pouvez utiliser des emojis.

Github natif

Si vous utilisez les emoji par défaut de GitHub, vous pouvez les utiliser. Il est à noter qu'il n'y a pas de décoche, donc vous devez utiliser différents emojis pour obtenir ce look.

⬜ :white_large_square

✅ :white_check_mark

Fuente

:white_large_square : https://github.com/ikatyang/emoji-cheat-sheet/blob/master/README.md#geometric
:white_check_mark : https://github.com/ikatyang/emoji-cheat-sheet/blob/master/README.md#other-symbol

Liste complète https://github.com/ikatyang/emoji-cheat-sheet/blob/master/README.md

Answer 4

Modifiez le document ou la page wiki, et utilisez le bouton - [ ] y - [x] syntaxe pour mettre à jour votre liste de tâches. En outre, vous pouvez vous référer à ce lien .

Answer 5

Voici ce que j'ai à vous proposer pour vous aider, vous et d'autres, à propos du tableau de cases à cocher markdown. Bonne lecture !

| Projects | Operating Systems | Programming Languages   | CAM/CAD Programs | Microcontrollers and Processors | 
|---------------------------------- |---------------|---------------|----------------|-----------|
| <ul><li>[ ] Blog </li></ul>       | <ul><li>[ ] CentOS</li></ul>        | <ul><li>[ ] Python </li></ul> | <ul><li>[ ] AutoCAD Electrical </li></ul> | <ul><li>[ ] Arduino </li></ul> |
| <ul><li>[ ] PyGame</li></ul>   | <ul><li>[ ] Fedora </li></ul>       | <ul><li>[ ] C</li></ul> | <ul><li>[ ] 3DsMax </li></ul> |<ul><li>[ ] Raspberry Pi </li></ul> |
| <ul><li>[ ] Server Info Display</li></ul>| <ul><li>[ ] Ubuntu</li></ul> | <ul><li>[ ] C++ </li></ul> | <ul><li>[ ] Adobe AfterEffects </li></ul> |<ul><li>[ ]  </li></ul> |
| <ul><li>[ ] Twitter Subs Bot </li></ul> | <ul><li>[ ] ROS </li></ul>    | <ul><li>[ ] C# </li></ul> | <ul><li>[ ] Adobe Illustrator </li></ul> |<ul><li>[ ]  </li></ul> |