html - 图像和文本并排 Rstudio presentation/.rpres

Question

我正在尝试实现 99% 的演示文稿使用的基本布局，其中幻灯片有一个标题，下面有一些文本，然后下面有一个图像，旁边有文本。显然，这是在 rstudio 演示中完成的一项非常困难的任务(link here 没有帮助)。我该怎么做？以下是我正在寻找的内容(在 powerpoint 中制作):

这是我迄今为止尝试过的:

Title
====================================
incremental: false

<font color = "darkred">
 Additional Text Goes Here</font>

<div align="center">
<img src="fake.png">
</div>

***

<p>&nbsp;</p>
<p>&nbsp;</p>


- Text goes here
- Text goes here
- Text goes here

这显然会产生一个荒谬的结果:

当前输出的问题:

• 标题和下面的文字太接近了
• 标题下方的文本太靠左(应与标题对齐)
• 图片也应该与标题对齐

这是我解决这些问题的尝试:

Title
====================================
incremental: false

<p>&nbsp;</p>

<div style="margin-left: 1em;">
<font color = "darkred">
 Additional Text Goes Here</font>
</div>

<p>&nbsp;</p>


<div align="center">
<img src="fake.png">
</div>

***

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


- Text goes here
- Text goes here
- Text goes here

我试过了

<div style="padding: 10px;">
<font color = "darkred">
 Additional Text Goes Here</font>
</div>

这两个都没有做，我试着弄乱了 css 并添加了以下内容:

<style>
p {
    text-indent: 240px;
}
</style>

产生了以下内容:

但一些主要问题仍然存在:

• 这改变了我所有方面的标题 - 我不能那样做。我尝试更改 p到适当的标题标签 h5 (第 5 页)但这没有任何作用。
• 图片没有完全对齐
• 我想减少标题和下面文字的黑白空间 我知道我可以删除 <p>&nbsp;</p>但是间距太近了(如第一张图片)

我对 html 和 css 几乎一无所知，所以感谢您的耐心等待。我简直不敢相信幻灯片放映的最基本功能是 Rstudio 的典型演示文稿格式(上面和相邻的图像)中缺少的一些东西 - 显然我一定遗漏了一些东西。非常感谢任何帮助。

还有最后两点 - 当我转向实际幻灯片时，它完全按照我的要求显示(如果我已经摆脱了间距和 css 样式)可能不到一秒或 2 秒(在渲染时) .此外，我想我会检查 Rpubs 只是为了检查我的理智 - 假设那里会有带有这种布局的元素音调。我经历了大约 30 种不同的演示文稿，并且 1) 演示文稿没有我想要的形式的布局幻灯片(其中 2/3)，其余有布局的演示文稿都遇到了与我完全相同的问题.每一个具有这种格式的演示文稿看起来都像上面的图片一样糟糕。我猜 Rstudio 的好人更忙于更重要的工具，而不是让 Rstudio 演示格式成为幻灯片的合理选择，这绝对没问题。不幸的是，slidify 是开发炼狱中的一场噩梦，beamer 的模板看起来非常神秘，而且我在 Internet 上找不到一个 ioslide 元素的例子，所以我什至懒得去那个兔子洞。我乐于接受可以与 R 一起使用的其他演示文稿格式的建议，否则我只能截取我的 R 输出和代码的屏幕截图以上传到 powerpoint (****畏缩****)。谢谢。

Answer 1

派对有点晚了，但可以找到另一个解决方案 here.

那么适当的格式应该是:

Two-Column Slide
====================================
First column (Will appear on left)
![alt text](myimage.png)
***
Second column (Will appear on right)