examples - Github markdown, resaltado de sintaxis de bloques de código en la celda de la tabla

readme.md syntax

Question

Markdown tiene una sintaxis de tabla de tuberías, pero no es suficiente para algunos casos.

| table | syntax | without multiline cell content |

Por lo tanto, podemos utilizar etiquetas de tabla HTML.

<table>
<tr>
<td>
   ```csharp
   const int x = 3;
   const string y = "foo";
   readonly Object obj = getObject();
   ```
</td>
<td>
  ```nemerle
  def x : int = 3;
  def y : string = "foo";
  def obj : Object = getObject();
  ```
</td>
<td>
  Variables defined with <code>def</code> cannot be changed once defined. This is similar to <code>readonly</code> or <code>const</code> in C# or <code>final</code> in Java. Most variables in Nemerle aren''t explicitly typed like this.
</td>
</tr>

Pero hace un tiempo se rompió el resaltado de sintaxis y esta página wiki ahora parece fea. ¿Alguna idea sobre cómo solucionar este problema?

Answer 1

Agregue una línea en blanco entre el <td> y el bloque de código.

Aquí está el markdown fijo:

<table>
<tr>
<td>

  ```csharp
  const int x = 3;
  const string y = "foo";
  readonly Object obj = getObject();
  ```
</td>
<td>

  ```nemerle
  def x : int = 3;
  def y : string = "foo";
  def obj : Object = getObject();
  ```
</td>
<td>
  Variables defined with <code>def</code> cannot be changed once defined. This is similar to <code>readonly</code> or <code>const</code> in C# or <code>final</code> in Java. Most variables in Nemerle aren''t explicitly typed like this.
</td>
</tr>
</table>

y el resultado:

Answer 2

Otra forma es usar múltiples ` y <br> , pero el resaltado de sintaxis no funcionará.

|1|2|3
-|-|-
`const int x = 3;`<br>`   const string y = "foo";`<br>`readonly Object obj =getObject();`|`def x : int = 3;`<br>`def y : string = "foo";`<br>`def obj : Object = getObject(); `|Variables defined with `def` cannot be changed once defined. This is similar to `readonly` or `const` in C# or `final` in Java. Most variables in Nemerle aren''t explicitly typed like this.explicitly typed like this.

Answer 3

Puede usar <pre> en tablas, como teh_senaus dijo. Pero si lo haces, el resaltado de sintaxis no funcionará ... ¿o no?

A través de la experimentación aleatoria, descubrí que GitHub permite especificarlo con <pre lang="csharp"> . Esto tiene el mismo efecto que ```csharp hace al configurar el resaltado de sintaxis en C #.

Esto no está realmente documentado en ninguna parte del centro de ayuda de GitHub, ni en linguist documentación del linguist . Pero funciona, incluso dentro de las mesas.

Entonces, para su tabla de ejemplo, el nuevo código sería el siguiente:

<table>
<tr>
<td>
   <pre lang="csharp">
   const int x = 3;
   const string y = "foo";
   readonly Object obj = getObject();
   </pre>
</td>
<td>
  <pre lang="nemerle">
  def x : int = 3;
  def y : string = "foo";
  def obj : Object = getObject();
  </pre>
</td>
<td>
  Variables defined with <code>def</code> cannot be changed once defined. This is similar to <code>readonly</code> or <code>const</code> in C# or <code>final</code> in Java. Most variables in Nemerle aren''t explicitly typed like this.
</td>
</tr>

Answer 4

Puedes usar <pre> . El resaltado de sintaxis no funcionará, pero al menos tendrá el formato correcto.

<td><pre>
   const int x = 3;
   const string y = "foo";
   readonly Object obj = getObject();
</pre></td>