Как сделать прокручиваемые слайды в презентации ioslides с помощью rmarkdown - PullRequest
Новая
       100

Как сделать прокручиваемые слайды в презентации ioslides с помощью rmarkdown

0 голосов
/ 30 октября 2018

Я использую RMarkdown для создания презентации ioslide с Блестящей. Некоторые из моих слайдов не умещаются на одной странице и усекаются.

Поскольку это вывод HTML, я бы хотел добавить полосу прокрутки, чтобы мои прокручиваемые длинные слайды можно было прокручивать.

Я много гуглял и нашел частичное решение для прокрутки фрагментов кода R . Однако я хочу, чтобы мои слайды можно было прокручивать независимо от их содержания.

Это пример игрушечного Rmd, в котором слайды не помещаются на одной странице: 

---
title: "Untitled"
date: "30 October 2018"
output: ioslides_presentation
runtime: shiny
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = FALSE)
```

## Shiny Presentation 

- A very long

- and boring

- list of

- bullet points

- just a

- toy example

- obviously

- not over yet

- almost

- not quite

- finally

- out of frame!

Я бы хотел сделать этот слайд прокручиваемым, поскольку он не помещается на одной странице.

Редактировать: я не уверен, почему за это сильно понизили рейтинг - был бы признателен за конструктивный комментарий :) Тем временем я удалил тег css, который мог привести людей, не знакомых с rmarkdown.

1 Ответ

0 голосов
/ 30 октября 2018

Self-ответ:

Часть CSS, которая сделает слайд прокручиваемым (как по горизонтали, так и по вертикали, но вам нужно просто удалить одну строку, если требуется только вертикальная прокрутка): 

slides > slide {
  overflow-x: auto !important;
  overflow-y: auto !important;
}

Обратите внимание, что слайд получает высоту от ioslide, поэтому нет необходимости указывать высоту (и, на самом деле, если вы это делаете, то, похоже, появляются визуальные глюки). Использование auto вместо scroll гарантирует, что полоса прокрутки появляется только тогда, когда это необходимо.

Вы можете добавить этот CSS непосредственно в Rmd между тегами <style> или поместить CSS в отдельный файл (например, scrollable_slides.css).

Затем CSS-файл можно добавить в Rmd следующим образом (при условии, что scrollable_slides.css находится в том же каталоге, что и Rmd): 

---
title: "..."
output: 
  ioslides_presentation:
    css: 'scrollable_slides.css'
runtime: shiny
---
...