问题标签 [xaringan]

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 投票
3 回答
1182 浏览

css - 带有knitr幻灯片的长功能垂直滚动条

是否可以使用 knitr 幻灯片(使用xaringan自定义样式)为长功能制作垂直滚动条?我正在尝试基于上一个问题如何使垂直滚动条出现在 RMarkdown 代码块(html 视图)中的一些选项,但不知道如何仅针对长函数(高度超出框架)执行此操作。任何建议都非常受欢迎。

0 投票
2 回答
2569 浏览

css - Incremental slides do not work with a two-column layout

I am using the xaringan package for r for a presentation:

https://cran.r-project.org/web/packages/xaringan/index.html

which builds upon the remark.js library.

I would like to use a two column layout, i.e. something like this from the original remark.js teaser presentation:

https://remarkjs.com/

where the original css rules (which are embedded in the source of the presentation) specifies the layout via:

The problem is that when you use -- in one of the columns, it does not work as expected - it should trigger an incremental slide...

This does work, bullet points are displayed incrementally:

But within a column it does not work:

Next to that, in the original remark.js css specification, the right column is additionally divided by

And again, the -- does not work anymore, neither with incremental steps within the .pull-right/.pull-left classes nor "between" them, i.e. to display the .pull-left part first, than the .pull-right part. These problems do arise within the original remark.js and therefore also in the xaringan package.

After all, it would be great to have at least incremental slides within the right column. Does anyone have any idea how to fix this? How can I modify the css to accomplish this?

Edit:

The whole markup within xaringan, i.e. as written in rmarkdown in Rstudio and then "knitted" is:

Within the file custom.css there is only the left and right column classes nothing else, and these are copied from the teaser presentation from https://remarkjs.com/

0 投票
1 回答
713 浏览

css - 如何使用 css 文件控制 xaringan 幻灯片 rmarkdown 中标题幻灯片中的作者和日期文本

我想用 css 文件控制 xaringan rmarkdown 中的作者和日期文本?

我试过了

但显然这控制了作者和日期在一起,但它们彼此重叠(在同一位置)。

0 投票
1 回答
1229 浏览

css - 使用 xaringan rmarkdown 中的 css 在标题幻灯片的标题中居中文本

如何使用 xaringan rmarkdown 中的 css 在标题幻灯片的标题中居中文本。使用下面的代码它没有。


0 投票
1 回答
276 浏览

r - 如何在 DT::datatable() 中搜索时停止 xaringan 的键盘快捷键?

xaringan 的键盘快捷键会干扰 DT::datatable() 搜索功能。它甚至可以在xaringan 的示例演示文稿中看到(例如,尝试搜索“m”)。

我怎样才能阻止这种情况发生?在 DT::datatable() 中搜索任何内容实际上是不可能的。提前致谢!

0 投票
1 回答
675 浏览

html - 如何在 xaringan 幻灯片的全屏模式下更改内容位置

我正在录制一段视频,将我自己和 xaringan 幻灯片并排放置。因此,我想将幻灯片的容器浮动到右侧,以便我有空间站在左侧。

这是一个示例幻灯片:

这是我试图将容器向右移动的 CSS 代码:

渲染幻灯片后,当它不是全屏时,该位置就是我想要的。但是进入演示或全屏模式后,容器居中,我不知道如何将其移动到右侧。有任何想法吗?谢谢!

这是我的会话信息:

0 投票
1 回答
957 浏览

r - 使用 xaringan 和 plotly 以编程方式在 R 中生成幻灯片

我最近开始使用 xaringan,它真的很整洁。感谢 Yihui 的大礼包。我想知道的一个问题是,是否可以在 for 循环中以编程方式生成幻灯片,每张幻灯片都包含一个情节图?我知道我可以像这样生成 ggplots 的幻灯片,其中 ggplot_list 是 ggplots 的列表:

这完美地工作。

我还可以通过调用来包含单独的情节图ggplotly(ggplot_list[[1]]),这也很有效。

但我似乎无法将两者结合起来,天真地执行以下操作会为我生成空白幻灯片。

更新:这里我包括一个我迄今为止尝试过的事情的最小例子。

0 投票
1 回答
2203 浏览

r - 添加更改时自动重新加载闪亮的应用程序

我希望有一个选项(在本地工作时),它允许我在将一些更改server.Rui.R文件放入后自动查看闪亮应用程序中的更改。runApp每次添加新东西时手动重新运行功能真的很烦人。

我真正喜欢的最佳解决方案xaringan::inifinite_moon_reader是非常有用的功能。

有什么解决方案可以做这些事情吗?

您可以在此处找到类比解决方案。右边是代码修改保存,左边是页面内容更新。

0 投票
1 回答
613 浏览

r - R 无法安装任何 github 包(不是 curl::curl_fetch_memory 问题)

我正在使用 Windows 10 和最新的 R、Rstudio 和 Rtools。我的 R 可以从 CRAN 安装软件包,但不能从 Github 安装软件包,并收到非常奇怪的消息。我在 Stackoverflow、github issue 和 Google 搜索中查看了类似的问题,但没有找到答案。我尝试在不同的目录和不同版本的 R 和 Rstudio 中重新安装 R、Rstudio 和 Rtools。没有什么帮助。如果有人可以给我一些帮助,我将不胜感激。这是我尝试安装时收到的错误消息xaringan

我的 Rtools 安装良好:

这是我的系统信息:

0 投票
1 回答
3396 浏览

css - 如何修改 RMarkdown 标题幻灯片上文本和徽标的位置

由于标题幻灯片底部的图片,我想

  • 移动所有title,subtitleauthor从它们的中心位置向上移动。
  • 仅删除Rlogo标题幻灯片中的 (真的不知道该怎么做)。我现在只能删除幻灯片编号,使用.title-slide .remark-slide-number { display: none; }.

任何建议表示赞赏!谢谢!

这是我的可重现示例:

调整.css 文件

第一次尝试:在wiki中提到的文件中margin-top修改tweaks.cssxaringan

结果 1

结果 1

第二次尝试:添加<br>title手动将其向上推,但随后subtitleauthor被向下推。添加<br>subtitle没有author帮助。

结果 2

结果 2

使用的照片

slideMasterSample.png Rlogo.png