如何突出显示 .qmd html 文件中的特定代码行

发布于01月07日

是否有人找到了一种方法来突出显示Quarto html文档中的特定代码行(类似于showal.js代码突出显示选项？)例如，在下面的示例中，我想突出显示新添加的group_by()代码行:

---
format: html
---

```{r}
library(dplyr)
iris |> 
  summarize(mean(Sepal.Length))
```

Add `group_by()`:

```{r}
iris |> 
  group_by(Species) |> 
  summarize(mean(Sepal.Length))
```

我找到了this package个，然而，它只适用于RMarkdown.任何提示都非常感谢！:)

推荐答案

我已经创建了一个小的Quarto筛选器扩展line-highlight，以启用HTML输出格式(即format: html)中的行突出显示(用于源代码和输出).

要突出显示特定的源代码行，您需要使用Chunk选项source-line-numbers，它的取值方式类似于code-line-numbers.一百零二

因此，在给定的示例中，要突出显示新添加的group_by()代码行，我们可以执行以下操作(此外，我们可以使用class-source: "numberLines"来启用源代码块行编号)，

---
format: html
filters: 
  - line-highlight
---


```{r}
#| message: false
#| source-line-numbers: "4"

library(dplyr)

iris |> 
  group_by(Species) |> 
  summarize(mean(Sepal.Length))
```


```{r}
#| class-source: "numberLines"
#| source-line-numbers: "2"

iris |> 
  group_by(Species) |> 
  summarize(mean(Sepal.Length))
```