web-dev-qa-db-fra.com

bloc de code à l'intérieur de la ligne du tableau dans Markdown

Je suis en train de rassembler de la documentation dans Markdown aromatisé Github et je veux mettre sur pied un tableau qui a deux lignes. Un avec simplement du texte et un avec un bloc de code json. Voici un exemple.

| Status | Response  |
|---|---|
| 200 |  |
| 400 |   |

Je veux obtenir ce code dans la ligne de réponse, mais chaque fois que j'essaye, il se casse complètement.

json
  {
    "id": 10,
    "username": "alanpartridge",
    "email": "[email protected]",
    "password_hash": "$2a$10$uhUIUmVWVnrBWx9rrDWhS.CPCWCZsyqqa8./whhfzBZydX7yvahHS",
    "password_salt": "$2a$10$uhUIUmVWVnrBWx9rrDWhS.",
    "created_at": "2015-02-14T20:45:26.433Z",
    "updated_at": "2015-02-14T20:45:26.540Z"
}

Je suis nouveau à Markdown et si quelqu'un pouvait m'orienter dans la bonne direction, ce serait très apprécié.

markdowngithub-flavored-markdown
33
DMH

Le document de démarque github indique que vous pouvez inclure des balises de démarque inline/span dans les cellules du tableau. Il en va de même pour la plupart des variantes de démarques, à l'exception de quelques-unes qui ont tenté d'établir un meilleur contrôle sur les dispositions de table.

Vous pourriez vous rapprocher des éléments de code en ligne, mais cela ne sera pas formaté avec une coloration de syntaxe ou des retraits de ligne.

| Status | Response  |
| ------ | --------- |
| 200    | `json`                          |
|        | `   {`                          |
|        | ` "id": 10,`                    |
|        | ` "username": "alanpartridge",` |
|        | ` more code...`                 |
|        | `}`                             |
| 400    |                                 |

Alternativement, créez votre table à l'ancienne avec html, ce qui vous donne rowspan pour un meilleur contrôle de la disposition.

17
Neil Dixon

Markdown aromatisé Github prend en charge les balises HTML

Mettez simplement ceci (StackOverflow ne supportera pas cependant) -

<table>
<tr>
<th>
Status
</th>
<th>
Response
</th>
</tr>

<tr>

<td>
<pre>
<br/><br/><br/>200<br/><br/><br/><br/><br/>400<br/>
</pre>
</td>

<td>
<pre>
json
  {
    "id": 10,
    "username": "alanpartridge",
    "email": "[email protected]",
    "password_hash": "$2a$10$uhUIUmVWVnrBWx9rrDWhS.CPCWCZsyqqa8./whhfzBZydX7yvahHS",
    "password_salt": "$2a$10$uhUIUmVWVnrBWx9rrDWhS.",
    "created_at": "2015-02-14T20:45:26.433Z",
    "updated_at": "2015-02-14T20:45:26.540Z"
}
</pre>
</td>

</tr>
</table>

Sortie:

github markdown table-code

Vous pouvez également essayer un tableau basé sur du texte comme celui-ci (bon pour StackOverflow) -

+---------------+--------+---------+
|       \       | Rating | Comment |
+---------------+--------+---------+
| One Piece     |  A | B |       ♢ |
+---------------+----+---+---------+
| Naruto        |  A | C |       ♧ |
+---------------+----+---+---------+
| One Punch Man |  A | A |       ♥ |
+---------------+----+---+---------+
| Death Note    |  A | B |       ♠ |
+---------------+----+---+---------+

Générateur de tables de texte est un site merveilleux à cet effet.

8
Minhas Kamal