使用xaringan模板时，Tab标签下R代码块显示异常求助

问题根源 #

1. R代码块未被解析：xaringan基于R Markdown，直接在HTML <div> 标签内放置R代码块（{r}）时，Pandoc会将其当作纯文本处理，不会触发代码块的渲染逻辑。
2. CSS选择器错误：你的CSS中使用了.tab tab_button选择器，但按钮的实际class是tablinks，这会导致标签页按钮样式失效（虽非代码块不显示的直接原因，但影响交互体验）。

解决方案 #

方法一：用htmltools手动渲染代码块 #

通过knitr将R代码块转换成HTML格式后插入标签内容，确保Pandoc能正确解析渲染：

---
title: "xaringan Tab with Code Block"
output: xaringan::moon_reader
---

```{r setup, include=FALSE}
library(htmltools)
library(knitr)

### 方法二：使用`xaringanExtra`标签页扩展（推荐）
`xaringanExtra`为xaringan原生提供标签页功能，自动支持R代码块，无需手动编写CSS和JS：
```r
---
title: "xaringan Tab with Code Block"
output: xaringan::moon_reader
---

```{r setup, include=FALSE}
library(xaringanExtra)
use_tabs()

::: {.tabset}

Tab 1 #

BPPARAM <- SnowParam(detectCores()-1, progressbar = TRUE)
params <- list()
pks <- findChromPeaks([OnDiskMSnExp instant], param = params$CentWave, BPPARAM = BPPARAM)

:::

### 方法三：手动编写HTML代码块
若不想依赖R包，可直接使用HTML的`<pre><code>`标签，添加语法高亮类确保样式生效：
```html
<!-- Tab content -->
<div id="tab11" class="tabcontent" style="display:block">
  <pre><code class="language-r">
BPPARAM <- SnowParam(detectCores()-1, progressbar = TRUE)
params <- list()
pks <- findChromPeaks([OnDiskMSnExp instant], param = params$CentWave, BPPARAM = BPPARAM)
  </code></pre>
</div>

内容的提问来源于stack exchange，提问作者pinawa