如何使代码块输出可水平滚动在夸托revealjs演示文稿

ggazkfy8  于 2023-02-17  发布在  其他
关注(0)|答案(1)|浏览(139)

之前我在R中使用xaringan包做了一个带有可滚动代码块输出的演示,如下图所示。
我想在夸托revealjs演示文稿中做同样的可滚动代码块输出,有人知道在quarto演示文稿中怎么做吗?
可滚动代码块输出:

如果有帮助的话,下面是我之前在xaringan做演示时使用的css代码。
先谢谢你!

/* scrollable code chunk output */
.remark-code {
  display: block;
  overflow-x: auto;
  max-height: 100%;
  padding: .5em;
  color: #fff;
  background: rgb(131, 139, 139);
}
rt4zxlrg

rt4zxlrg1#

在夸托revealjs中只需两个步骤就可以完成相同的操作。首先,使用overflow-x: auto定义一个css类,然后将该类传递给块选项class-output,以便其输出将具有水平滚动。

---
title: Output Horizontal scrolling
format: revealjs
engine: knitr
---

## Quarto

```{r}
#| class-output: hscroll

library(gapminder)
df <- dplyr::bind_cols(gapminder, gapminder, .name_repair = "minimal")

head(df)
.hscroll {
  overflow-x: auto;
  white-space: nowrap;
}

![](https://i.stack.imgur.com/e6r4L.png)

如果您想对代码块执行此操作,而不是将`.hscroll`类作为块选项传递给特定的块,请使用yaml部分中的knitr `opts_chunk`键。

title: Output Horizontal scrolling
format: revealjs
engine: knitr
knitr:
opts_chunk:
class-output: hscroll

Quarto

library(gapminder)
df <- dplyr::bind_cols(gapminder, gapminder, .name_repair = "minimal")

head(df)
.hscroll {
  overflow-x: auto;
  white-space: nowrap;
}

相关问题