Question

我在rmarkdown上有一个ioslides演示文稿。我想使用标签使键盘看起来像键。重要的是要注意，我希望在代码块之外进行此操作。在文档中，我写了：

<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>

Answer 1

原来，它没有以预期的格式呈现，因为必须在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>

如何在rmarkdown上使用HTML的<kbd>标签？

1 个答案: