当必须用单行指定行时，表中的 Markdown 多行代码块

Posted 2023-03-30

【中文标题】当必须用单行指定行时，表中的 Markdown 多行代码块

【英文标题】：Markdown multiline code blocks in tables when rows have to be specified with one-liners

【发布时间】：2014-06-12 17:04:56

【问题描述】：

我有一张桌子：

| YAY! | TABLE | \^^/ | 1-liner JSON column! |
| ---- | ----- | ---- | -------------------- |
| That |  has  | JSON | `a: 1, b: 2, c: 3` |
| Here |  is   | more | `d: 4, e: 5, f: 6` |

我有什么办法可以将多行代码块插入到生成的表格单元格中？

【参考方案1】：

将` 替换为<code> 标记并使用  和<br> 进行缩进。

同样，您可以使用<pre> 标签代替```。

【讨论】：

<br/> 也独立于` 或<code> 来强制使用多行单元格。我已经结合使用/测试了这个pandoc将my.md转换为html。

我并不是说<code> 对于多行单元格来说是必需的，这是为了确保尽管使用了 HTML 标签，代码格式仍然会发生

您需要使用<pre> 而不是<code> 用于github 上的表格内的多行代码块；）

不能让它工作，GitHub 在表格单元格的一行中显示此代码， 被隐藏：<pre><code><br/>  showToday: false,<br/>  showClear: false,<br/>  showClose: false<br/></code></pre> 有什么想法吗？谢谢！

@tonix 哦，我让它工作，你不需要<pre><code>，只需要<pre>。您可以在我的 repo 中找到一个工作示例：github.com/prettier/plugin-pug/blob/main/README.md

【参考方案2】：

Answer by @Meredith 是这个问题的完美答案。我想在下面添加更多详细信息和示例

如果您需要在表格单元格的 <code> 元素内添加其他 HTML 标记，则不能将 ` 替换为 <code>。相反，您需要在 <pre> 标记内使用反引号 (`)，如下所示：

Markdown Input	HTML Output	HTML Preview
<pre> <p>Test Line</p></pre>	<pre><p>Test line</p></pre>	Test Line

示例 2：

Markdown Input	HTML Output	HTML Preview
`a: 1, b: 2, c: 3`	<code>a: 1, b: 2, c: 3</code>	a: 1, b: 2, c: 3
<pre> JSON: <br>  ["Key1":"Value1",<br>  "Key2":"Value2"] <br></pre>	<pre> JSON: <br>  ["Key1":"Value1",<br>  "Key2":"Value2"]<br> </pre>	JSON:  ["Key1":"Value1", "Key2":"Value2"]