小编tpe*_*ldt的帖子

使用 RStudio 和 xaringan 垂直滚动代码

我目前正在为R建模研讨会准备 html 幻灯片,为此我使用了很棒的 R xaringan包。它基于remark.js。与ioslides和slidy相比,它确实更符合我的期望。我非常兴奋!我错过的一项功能是可滚动的“长幻灯片”。在这里,我当然将“幻灯片”范例保留为幻灯片和普通网页之间的混合,但我发现这对于解释复杂的内容和代码在说教上很有吸引力。这种风格与slidy配合得很好,我还发现了一些如何在xaringan中启用可滚动代码的提示。

在这里,我使用以下 CSS(在SO 的相关帖子中找到):

.scrollable {
  height: 80%;
  overflow-y: auto;
} 
Run Code Online (Sandbox Code Playgroud)

然后在 RMarkdown 代码块中,如下所示:

.scrollable[
  
```{r}
foo <- function() {
  cat("nothing\n")
}

foo()
foo()
foo()
foo()
foo()
foo()
foo()
foo()
foo()
foo()

## some comments ...
# ...
foo()
```

]
Run Code Online (Sandbox Code Playgroud)

长幻灯片

这里我指的是可以向下滚动但仍嵌入幻灯片中的网页。

长滑梯

代码示例

幻灯片中可滚动代码的示例位于此处:

它部分起作用,但我还没有完全满意:

  • 我更喜欢真正的“长幻灯片”而不是可滚动的文本。
  • 我不喜欢用 封闭部分,而是.scrollable[]更喜欢完整幻灯片的课程
  • 它仅适用于 Chrome、Edge(以及 RStudio 的 Infinite Moon Reader),但不适用于 Firefox。 …

html css r rstudio xaringan

7
推荐指数
1
解决办法
1094
查看次数

标签 统计

css ×1

html ×1

r ×1

rstudio ×1

xaringan ×1