我有一张表:
| YAY! | TABLE | \^^/ | 1-liner JSON column! |
| ---- | ----- | ---- | -------------------- |
| That | has | JSON | `{a: 1, b: 2, c: 3}` |
| Here | is | more | `{d: 4, e: 5, f: 6}` |
我是否有办法在生成的表格单元格中插入多行代码块?
我有一张表:
| YAY! | TABLE | \^^/ | 1-liner JSON column! |
| ---- | ----- | ---- | -------------------- |
| That | has | JSON | `{a: 1, b: 2, c: 3}` |
| Here | is | more | `{d: 4, e: 5, f: 6}` |
我是否有办法在生成的表格单元格中插入多行代码块?
将`
替换为<code>
标签,并使用
和<br>
进行缩进。
同样,您可以使用<pre>
标签代替```
。
@Meredith的回答 是对这个问题的完美回答。我想在下面补充更多细节和示例
如果你需要在表格单元格中的<code>
元素内添加其他HTML标签,你不能用`
替换<code>
。相反,你需要在<pre>
标签内使用反引号(`
)来实现,就像这样:
示例:
Markdown Input | HTML Output | HTML Preview |
---|---|---|
|
<pre><p>Test line</p></pre> |
|
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> |
{JSON: |
<br/>
也可以独立于\`` 或
<code>使用,以强制多行单元格。我已经在将
my.md转换为
HTML` 的过程中使用/测试了这个功能。 - antiplex<pre>
而不是<code>
。 ;) - Fery W<pre><code>
只需要<pre>
即可。你可以在我的存储库中找到一个工作示例:https://github.com/prettier/plugin-pug/blob/main/README.md - Shinigami