RMarkdown：如何结束标签内容

Question

定义选项卡后，如何定义内容 outside/below 选项卡？或者，如何结束标签式内容？

我设计了这样的布局：

title
content above tabbed region.

tab1 tab2
-------------------
tab content 1
-------------------
content below tabbed region

在 rmarkdown 中是

## title {.tabset .tabset-fade}
content above tabbed region.

### tab 1 
tab content 1
### tab 2
tab content 2

content below tabbed region.

但是，content below tabbed region. 显示为 tab2 的一部分。如何在选项卡外定义？

也许我可能在下面的内容中有更多的标题。所以一个相关的问题是我如何定义哪些标题是选项卡的一部分，哪些不是？

Answer 1

我解决这个问题的方法很简单，但很有效：

## title {.tabset .tabset-fade}
content above tabbed region.

### tab 1 

tab content 1

### tab 2

tab content 2

##

content below tabbed region

该选项卡仅适用于 header 和 the.tabset 的 'sub-headers 属性出现在选项卡中而不是作为独立部分'（参见 here）

因此您只需在选项卡上方定义一个新的 header（在本例中没有标题），以表明 RMD 不在选项卡部分中。

也可以设计一个文档在不同的headers中有不同的tabs:

## section 1 {.tabset .tabset-fade}
content above tabbed region.

### tab 1 

tab content 1

### tab 2

tab content 2

## section 2 {.tabset .tabset-fade}

### tab 1 

tab content 1

### tab 2

tab content 2

### tab 3

tab content 3

#
content below tabbed region

编辑：如果你想使用一个Table的Content (TOC)有问题的解决办法上面，因为最后一个 # 将在 TOC 中创建一个空条目。这里的解决方案是使用

## {.unlisted .unnumbered}

content below tabbed region

Answer 2

另一种方法是使用结束 div 标记（即 </div>）。请参阅以下内容：

---
title: "Test"
output: html_document
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = TRUE)
```

## Title {.tabset .tabset-fade}
Content above tabbed region.

### Tab 1 
Tab 1 content

### Tab 2
Tab 2 content

</div>

Content below tabbed region

Answer 3

结束标签内容后，使用{-}删除目录编号

tab content 2
## section 2 {.tabset .tabset-fade}
### tab 1 
tab content 1
### tab 2
tab content 2
### tab 3
tab content 3
## {-}
content below tabbed region

Answer 4

如果您想包含与 parent 标签相关的内容并留下 children 标签集，例如

[Parent tab 1] __Parent tab 2__
[Child tab 1] __Child tab 2__
<Child tab 1 content>
---
<Parent tab 1 other content>

无论选择 [Child tab]，都会显示 <Parent tab 1 other content>，试试这个 Rmd，它有点被 JavaScript:

黑了

---
title: "Nested tabs example"
---

```{js}
document.addEventListener("DOMContentLoaded", function() {
  $(".leave-tabset").removeClass("tab-pane tabbed-pane");
}, false);
```

# Nested tabs example {.tabset}

## Parent 1 {.tabset}

### Parent 1, Child 1

Parent 1, Child 1 content

### Parent 1, Child 2

Parent 1, Child 2 content

### {- .leave-tabset}

---

#### Parent 1, Other content 1

Foo 1

#### Parent 1, Other content 2

Bar 1

<!-- next main tab -->

## Parent 2 {.tabset}

### Parent 2, Child 1

Parent 2, Child 1 content

### Parent 2, Child 2

Parent 2, Child 2 content

### {- .leave-tabset}

---

#### Parent 2, Other content 1

Foo 2

#### Parent 2, Other content 2

Bar 2

<!-- next main tab -->

## Parent 3 {.tabset}

### Parent 3, Child 1

Parent 3, Child 1 content

### Parent 3, Child 2

Parent 3, Child 2 content

### {- .leave-tabset}

---

#### Parent 3, Other tabs {.tabset}

##### Parent 3, Other tab 1

Foo 3

##### Parent 3, Other tab 2

Bar 3

正如您在 Parent 3 选项卡中看到的那样，您甚至可以在离开 parent 的 child 选项卡后定义新的选项卡集。但是您可能很快就会缺少 header 级别:)

Answer 5

查看手册rmarkdown cookbook:

## Results {.tabset}

### Tab One

### Tab Two

## {-}

With the above unnumbered ({-}) and empty section header, we can end the tabset and continue to write more paragraphs.

RMarkdown：如何结束标签内容

RMarkdown: How to end tabbed content

r

r-markdown