You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何在GFM及Docusaurus的Markdown表格单元格中输入竖线?

在Docusaurus的Markdown表格中插入竖线的可行方案

别急,我来帮你解决这个表格里插竖线的难题!针对你遇到的转义无效问题,结合Docusaurus默认使用的Markdown-it解析器(兼容GFM),给你几个靠谱的解决方法:

  • 正确使用半角竖线转义:其实在表格单元格内,用\|转义半角竖线是有效的,可能你之前的写法有小问题?要确保转义符和竖线紧挨着,没有多余空格。举个正确示例:

    | 商品分类 | 可选规格 |
    |----------|----------|
    | 数码产品 | 手机\|平板\|耳机 |
    | 家居用品 | 台灯\|抱枕 |
    

    这种写法在Docusaurus里能正常解析,竖线会显示在单元格内,不会被当成分隔符。

  • 用全角竖线替代:如果转义半角竖线还是不行,直接用全角竖线(中文输入法下的竖线)就完全没问题。它不属于Markdown的语法字符,解析器不会把它识别为表格分隔符,显示效果和半角竖线几乎一致,示例:

    | 商品分类 | 可选规格 |
    |----------|----------|
    | 数码产品 | 手机|平板|耳机 |
    | 家居用品 | 台灯|抱枕 |
    

    这个方法不用考虑转义规则,非常省心。

  • HTML标签兜底(如果启用HTML支持):如果你的Docusaurus配置允许HTML渲染,还可以用<span>包裹竖线,比如:

    | 商品分类 | 可选规格 |
    |----------|----------|
    | 数码产品 | 手机<span>|</span>平板<span>|</span>耳机 |
    

    不过你提到HTML代码直接显示,大概率是项目里禁用了HTML,那优先选前两种方法就好。

内容的提问来源于stack exchange,提问作者at.

火山引擎 最新活动