Использование легких упражнений в презентации ioslides с использованием учебного пакета

Question

Пакеты tutorial позволяют включать datacamp интерактивное R окно в HTML-документ:

    ---
title: "Example Document"
output:
  html_document:
    self_contained: FALSE
---

```{r, include=FALSE}
tutorial::go_interactive()
```

By default, `tutorial` will convert all R chunks.

```{r}
a <- 2
b <- 3

a + b
```

Поэтому я подумал, что он мог бы использовать его в презентации HTML5, например, так:

---
title: "Example Document"
output:
  ioslides_presentation:
    self_contained: FALSE
---

```{r, include=FALSE}
tutorial::go_interactive()
```

By default, `tutorial` will convert all R chunks.

```{r}
a <- 2
b <- 3

a + b
```

Однако, это только создало глупость. У кого-нибудь есть опыт, как заставить это работать?

P.S .: Наилучший результат - длинная буквенно-цифровая строка вместо консоли в окне браузера (Google Chrome).

Answer 1

В процессе преобразования код HTML, сгенерированный пакетом tutorial, кодируется. Простое решение - обернуть ваши куски так:

<!--html_preserve-->
```{r}
a <- 2
b <- 3

a + b
```
<!--/html_preserve-->

приводит к тому, что сгенерированный HTML-код остается нетронутым.

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

    <style>
/* Rearrange console label */
.datacamp-exercise ol li, .datacamp-exercise ul li {
  margin-bottom: 0em !important;
}

/* Remove bullet marker */
.datacamp-exercise ol li::before, .datacamp-exercise ul li::before {
  content: '' !important;
}
</style>