时间戳

首页 > 解决方案 > 如何使用 HTML tag on rmarkdown?

html - 如何使用 HTML tag on rmarkdown?

问题描述

我在 rmarkdown 上有一个 ioslides 演示文稿。我想使用 <kbd> 标签来制作键盘外观的键。重要的是要注意我希望它在代码块之外。在文件中，我写道：

<kbd>CTRL</kbd> + <kbd>SHIFT</kbd> + <kbd>ENTER</kbd>

它应该看起来像CTRL++ ，但它呈现为没有标签SHIFT：ENTER

CTRL + SHIFT + ENTER

是否有在 rmarkdown 文档上使用此标签的解决方法，尤其是在 ioslides 演示文稿上？

这是一个最小的可重现示例：

---
output: ioslides_presentation
---

## Keyboard tag problem
This doesn't render properly:
<kbd>CTRL</kbd> + <kbd>SHIFT</kbd> + <kbd>ENTER</kbd>

标签： htmlrtagsr-markdown

解决方案

结果它没有以预期的格式呈现，因为这必须在 css 文件中指定。我使用了这里描述的一个：https ://developer.mozilla.org/en-US/docs/Web/HTML/Element/kbd ，这非常类似于以 stackoverflow 样式呈现的那个。

kbd {
    background-color: #eee;
    border-radius: 3px;
    border: 1px solid #b4b4b4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
    color: #333;
    display: inline-block;
    font-size: .85em;
    font-weight: 700;
    line-height: 1;
    padding: 2px 4px;
    white-space: nowrap;
   }
<kbd>This is the format I was looking for!</kbd>

推荐阅读