Как скрыть код в RMarkdown, с возможностью увидеть его

Я пишу RMarkdown документ, в котором я хотел бы повторно запустить некоторые куски (от 5 до 9). Нет необходимости снова отображать эти куски, поэтому я решил использовать

чтобы сделать повторные куски невидимыми, как описано в другом вопросе qaru.site/info/151291/.... Это хорошо и выводит желаемые результаты (улучшенная подгонка второй итерации - см. Это решение реализовано здесь).

Я доволен решением echo=F, но был бы еще счастливее с расширяемым фрагментом кода.

Изменить: все примеры RPubs, кроме первого, теперь удалены, чтобы не засорить их отличную систему публикации с помощью того же документа.

Ответы

Ответ 1

Это стало намного проще с пакетом rmarkdown, который не существовал три года назад. В основном вы просто включаете "сворачивание кода": http://rmarkdown.rstudio.com/html_document_format.html#code_folding. Вам больше не нужно писать JavaScript.

Ответ 2

Если вы добавите тег html перед своим кодом, вы можете использовать селекторы CSS, чтобы делать умные вещи в битах вывода - уценка удобно передает HTML через:

<style>
div.hidecode + pre {display: none}
</style>

<div class="hidecode"></div>
```{r}
summary(cars)
```

Здесь мое правило стиля CSS совпадает с первым тегом <pre> после <div class=hidecode> и устанавливает его невидимость. Markdown записывает фрагмент R с двумя тегами <pre> - один для R и один для вывода, и этот CSS улавливает первый.

Теперь вы знаете, как сопоставить код и выходные блоки в CSS, вы можете делать с ними всевозможные умные вещи в Javascript. Вы можете поместить что-то в тег <div class=hidecode> и добавить событие click, которое переключает видимость:

<style>
div.hidecode + pre {display: none}
</style>
<script>
doclick=function(e){
e.nextSibling.nextSibling.style.display="block";
}
</script>

<div class="hidecode" onclick="doclick(this);">[Show Code]</div>
```{r}
summary(cars)
```

Следующий шаг в сложности - заставить действие переключиться, но тогда вы также можете использовать jQuery и получить настоящий фанк. Или используйте этот простой метод. Позвольте сделать это с помощью кнопки, но вам также нужен div, чтобы получить ваши крючки в блок PRE команды R, и обход становится немного сложным:

<style>
div.hideme + pre {display: none}
</style>
<script>
doclick=function(e){
code = e.parentNode.nextSibling.nextSibling.nextSibling.nextSibling
if(code.style.display=="block"){
 code.style.display='none';
 e.textContent="Show Code"
}else{
 code.style.display="block";
 e.textContent="Hide Code"
}
}
</script>

<button class="hidecode" onclick="doclick(this);">Show Code</button>
<div class="hideme"></div>
```{r}
summary(cars)
```

(Примечание: я думал, что вы можете обернуть фрагменты R в тегах <div>:

<div class="dosomething">
```{r}
summary(cars) 
``` 
</div>

но это не удается - кто-нибудь знает почему?)