问题标签 [slidify]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1659 浏览

html - 在演示文稿中包含交互式本地 R

在演示文稿中,我们经常希望以交互方式演示 R。这需要退出演示文稿并在幻灯片之外进行演示或运行受限的(install_github无法使用之类的东西)、不可靠的(因为 Internet 在演示文稿中不可靠)基于云的 R 版本(如下面的代码所示)。如何在 HTML 演示文稿中运行本地版本的 R?以类似的方式,我们可以使用iframeHTML 标签在演示文稿中包含视频等。这可以使演示文稿更加无缝和流畅。

我知道绘图任务可能要困难得多,并且需要特定的 gui,例如 RStudio。如果可能的话,那就太好了,但即使它处于低级别,也包括在演示文稿中启动 R 的操作系统命令行。基本上,它就像iframe从命令行中的 -ing R 或 .Rmd/.html 文档/演示文稿中的 Rstudio。

这将能够作为 .Rmd 合并到.Rmdslidifyknitr或在最新版本的 RStudio 中可用的R 演示(.Rpres) 幻灯片中。

所以这是这个想法的一个版本,它使用基于云的 R,可以编织为 .Rmd 文件。这是一个起点,但绑定到云并不理想:

0 投票
7 回答
27178 浏览

r - RStudio 演示文稿/slidify/pandoc 中的两列布局

我正在尝试想出一个好的系统来生成幻灯片和随附的讲义。理想的系统应具有以下特性:

  • 演示文稿(PDF/HTML)和讲义(PDF)布局都很漂亮(讲义应该有空间做笔记)
  • 嵌入 R 块、图形、其他 JPG/PNG 图片等。
  • 容易作曲
  • 使用命令行工具构建
  • 参考书目支持
  • pandoc幻灯片分隔格式(在指定级别的标题后自动生成新幻灯片)是首选
  • 我可以忍受一点额外的处理(例如 via sed),但不希望编写庞大的基础架构
  • 两列布局:有一篇关于如何从 pandoc 获取多列幻灯片的 SO 帖子,但它是 LaTeX 而非 HTML 导向的。
  • 能够动态调整嵌入图像的大小(R 生成的图形除外)和列宽

以下是我迄今为止发现的各种选项:

  • 滑动
    • 不做pandoc幻灯片分隔符格式,虽然有一个解决方法
    • 创建讲义的建议是打印为 PDF;我想为笔记等留出空间。(我可能会想出一种方法来使用PDFtkpsnup...)
  • RStudio演示文稿(.Rpres文件):
    • 可以很好地完成很多事情,包括具有指定宽度的多列
    • 不支持pandoc幻灯片分隔符格式
    • 我无法弄清楚引擎盖下发生了什么。有RStudio 文档描述了常规 HTML 的翻译过程,但它似乎没有涵盖 R 表示格式(不太一样)。(我之前已经投入了一些精力来弄清楚如何通过 pandoc 获得类似 RStudio 的输出......),这意味着我无法从命令行生成幻灯片等。
  • RStudio 的开发版本(截至 2014 年 3 月)与 Pandoc 和rmarkdown. 它解决了上述.Rpres格式的许多问题。
  • pandoc:可能是唯一具有脚注、参考书目支持等功能的降价翻译器。我还可以使用tufte-handout 类pandoc生成 LaTeX ,这符合我的审美标准。
    • 不幸的是,它似乎没有内置的两列格式支持。Yihui Xie 的 HTML5 示例没有显示任何两列示例,它声称(在幻灯片 5 上)单击 RStudio 中的“Knit HTML”按钮等同于pandoc -s -S -i -t dzslides --mathjax knitr-slides.md -o knitr-slides.html,但似乎不是......
  • LaTeX/beamer:我可以简单地使用Rnw(knitr-dialect Sweave)而不是 R markdown 开始。这将给我最大的灵活性......
    • 尽管使用 LaTeX 多年,但我确实发现 LaTeX 组合比降价组合更痛苦。

毕竟,我的具体问题是:为 HTML 输出生成两列布局的最佳(最简单)方法是什么

任何其他建议也将不胜感激。

0 投票
1 回答
6385 浏览

r - 如何控制第一张幻灯片的背景颜色?

作为一个 slifiy 新手,我不明白为什么第一张幻灯片有淡绿色背景,而所有其他幻灯片都有白色背景。

http://www.rpubs.com/上的“Test for Slidify”示例也显示了这张淡绿色的第一张幻灯片。

如何控制第一张幻灯片的背景颜色?

0 投票
1 回答
1580 浏览

css - 在 rCharts/slidify/nvd3 中设置图表区域背景颜色

对于以下滑动甲板,

我想将图表的背景颜色设置为白色。

如果我编织它然后编辑<style>生成的块figure/nvd3plot2.html以添加,我可以这样做background-color: white;

如何从 .Rmd 文件执行此操作?

0 投票
1 回答
1253 浏览

r - 使用reveal.js框架滑动设置背景

我喜欢 Slidify 与reveal.js 框架的结合。

也就是说,我不知道如何使用 slidify 将背景更改为图像或颜色。

对于reveal.js,我会这样做:

如此处所述

我修改了reveal.js幻灯片布局以包含数据背景参数,如下所示:

并像这样调用新幻灯片:

但是背景没有变化。有什么想法我在这里做错了吗?

0 投票
2 回答
2396 浏览

html - Slidify - 如何自定义幻灯片背景?

我一直在努力使用“slidify”包自定义幻灯片的背景。

实际上,我可以通过修改文件'slidify.css'来为标题幻灯片做到这一点:

但是我找不到“标准”幻灯片的方法。我可以用

直接在我的 .Rmd 文件中,但我无法添加重复和大小选项。

有没有人有关于如何做/在 CSS 文件中添加它的任何提示?

干杯,

0 投票
1 回答
820 浏览

javascript - 使用 casperjs 从 slidify (HTML5) 幻灯片生成 pdf 时缺少图像

概述

我正在尝试从 R markdown 文档(使用 ramnathv 的 slidify 库和 io2012 框架)生成一个 pdf 文档。此处简要介绍此过程。

他提供的单线工作完美,除了我在我的 pdf 文档中看不到图像。

但是,在上面给出的链接到 jtleek 存储库(可在此处获得)的示例中,似乎图像已成功包含在生成的 pdf 中。

我不确定问题出在我的 javascript 上,还是 slidify/R 生成的 HTML 代码上。

复制问题

该问题可以复制如下:

[注意:为了使示例工作,您必须安装 casperjs 和 phantomjs。]

makepdf.js 的内容在哪里:

或者,您可以通过克隆我的 git 存储库来复制问题,

同样,问题在于 index.pdf 文档不包含任何由 index.html 呈现的图像。

背景

我会注意到整个过程有几个步骤:

  1. 使用 R/slidify/knitR 进行转换
    • .Rmd 文件 -> .md 文件
    • .md 文件 -> .html 文件
  2. 使用casperjs进行转换
    • .html 文件 -> .pdf 文件

我考虑过从 Rmd 生成 pdf 的替代方法包括:

  1. 使用 pandoc 生成 beamer pdf:pandoc index.md -t beamer -o index_beamer.pdf
    • 产量! LaTeX Error: File ``ifluatex.sty' not found.
  2. 使用 Chrome 浏览器将 index.html 打印为 pdf
    • 产生左截断的图像文件,如上述帖子中所述
  3. 使用 pandoc 从 md 文件生成 pdf:
    • 生成 pdf(不是幻灯片样式)也不包含图像

非常感谢你的协助。

0 投票
0 回答
984 浏览

r - 使用 slidify 将 HTML 幻灯片转换为 pdf 的问题

这是报告的第一部分:代码在 Rmd 中完成,我正在使用 slidify 创建 HTML 幻灯片,以便将它们转换为 pdf。代码下方有更多详细信息。

问题是当我将其转换为 pdf 时,幻灯片部门搞砸了。因此,一张幻灯片的标题出现在下一张幻灯片的末尾。但是,幻灯片在 HTML5 中看起来很棒。我正在使用 chrome 的“打印方法”将幻灯片转换为 pdf。我过去一直在使用它,并且以前版本的 slidify 没有问题。 那么,如何将 HTML5 幻灯片“成功”转换为 pdf?

我没有足够的声誉来发布图片,对不起。(如果投票一次,我会的。)

0 投票
1 回答
2911 浏览

css - 字体大小和行距 R Slidify

我正在尝试创建我的第一个 Slidify 演示文稿。我对 JS、CSS 和 HTML5 比较陌生。我正在使用以下 YAML 材料和 R Markdown 代码。我想创建一个简单的幻灯片,显示 R 可以用作一个大计算器。我的问题是我只能将大约 3 个简单的表达式及其返回的输出放在一张幻灯片上。因此,我将非常感谢有关如何更好地控制 Slidify 输出的任何可能的建议(较小的字体大小,或围绕突出显示的语法和评估/返回的 R 输出的较小边框)。

下面是我的 .Rmd 文件:

Github 上有一个关于这个问题的很好的讨论。https://github.com/ramnathv/slidify/issues/189 但是,我似乎无法解开@Robert 答案的哪一部分涉及语法突出显示与字体大小和边框调整。此外,在讨论中提出了很多建议的解决方案,对于菜鸟来说最容易实施的解决方案是什么?

作为后续,我将如何在全局范围内设置/应用此选项,以便由评估knitr和呈现的所有 R 块slidify都具有相同的小/浓缩属性?

0 投票
1 回答
819 浏览

r - Slidify中编号列表的延续

您如何将编号列表继续添加到新幻灯片中slidify

我的代码如下所示:

我希望第二张幻灯片上的列表以 5 开头。第 5 项。6。第 6 项……等等。但是列表编号被重置为 1. 项目 5. 2. 项目 6 等等。