You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Quarto RevealJS中通过code-line-numbers延迟显示代码块输出?

Quarto RevealJS 实现代码逐行高亮与输出同步显示

需求说明

在Quarto RevealJS幻灯片中,使用代码逐行高亮功能时,希望仅当高亮到触发输出的代码行时,才显示对应的运行结果,而非全程展示输出内容。

实现方案(可行)

通过在代码块中添加特定选项,即可实现代码高亮与输出显示的同步:

---
format: revealjs
---

## 示例幻灯片

```{r}
#| code-line-numbers: "1|2|3"
#| echo: true
#| output-location: fragment
#| output-line-numbers: "3"
x = 3
y = 9
x
### 选项说明
- `code-line-numbers: "1|2|3"`:将代码拆分为3个高亮片段,实现逐行展示效果
- `output-location: fragment`:把输出内容设置为RevealJS的片段元素,支持随步骤逐步显示
- `output-line-numbers: "3"`:指定输出内容对应第3个代码高亮片段,确保只有当代码高亮到最后一行`x`时,才同步显示运行结果

设置完成后,幻灯片的展示流程为:
1. 高亮第1行代码`x = 3`,无输出显示
2. 高亮第2行代码`y = 9`,无输出显示
3. 高亮第3行代码`x`,同步显示`x`的运行结果

内容的提问来源于stack exchange,提问作者user1713174
相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.20 09:11:01