Rav*_*hna 2 markdown r r-markdown
我正在尝试使用 RMarkdown 制作静态网页。我想定义一个 UI,它有第一层选项卡,然后是第一层下面的选项卡。我已经在RMarkdown: Tabbed and Untabbed headers上研究过类似的问题。但这个答案对我的事业没有帮助。请在下面找到我想要实现的选项卡结构。
| Results
* Discussion of Results
| Quarterly Results
* This content pertains to Quarterly Results
| By Product
* Quarterly Performance by Products
| By Region
* Quarterly Performance by Region
* Final Words about Quarterly Results
| Yearly Results
* This content pertains to Yearly Results
| By Product
* Yearly Performance by Products
| By Region
* Yearly Performance by Region
* Final Words about Yearly Results
Run Code Online (Sandbox Code Playgroud)
这是我使用的 .Rmd 格式的脚本。但我能够实现的输出看起来像当前场景。我希望分别Final Words about Quarterly Results在Final Words about Yearly Results“区域”选项卡之外以及“季度结果”和“年度结果”中。
---
output:
html_document:
theme: paper
highlight: tango
number_sections: false
toc: false
toc_float: false
---
# Result Discussion {.tabset}
We will discuss results here
## Quarterly Results {.tabset}
This content pertains to Quarterly Results
### By Product
Quarterly perfomance by Products
### By Region
Quarterly perfomance by Region
Final Words about Quarterly Results
## Yearly Results {.tabset}
This content pertains to Yearly Results
### By Product
Yearly perfomance by Products
### By Region
Yearly perfomance by Region
Final Words about Yearly Results
Run Code Online (Sandbox Code Playgroud)
问题来自于最后一段 (Final Words about Quarterly Results和Final Words about Yearly Results) 属于最后一个 3 级部分而不是父级 2 部分。
您必须手动控制渲染的切片HTML才能获得您想要的效果。
使用pandoc< 2.0,唯一的方法是插入 raw HTML:
---
output:
html_document:
theme: paper
highlight: tango
number_sections: false
toc: false
toc_float: false
---
# Result Discussion {.tabset}
We will discuss results here
## Quarterly Results {.tabset}
This content pertains to Quarterly Results
<div id="quarterly-product" class="section level3">
### By Product
Quarterly perfomance by Products
</div>
<div id="quarterly-region" class="section level3">
### By Region
Quarterly perfomance by Region
</div>
Final Words about Quarterly Results
## Yearly Results {.tabset}
This content pertains to Yearly Results
<div id="yearly-product" class="section level3">
### By Product
Yearly perfomance by Products
</div>
<div id="yearly-region" class="section level3">
### By Region
Yearly perfomance by Region
</div>
Final Words about Yearly Results
Run Code Online (Sandbox Code Playgroud)
如果您使用pandoc2.0 或更高版本,则可以使用fenceddivs:
---
output:
html_document:
theme: paper
highlight: tango
number_sections: false
toc: false
toc_float: false
---
# Result Discussion {.tabset}
We will discuss results here
## Quarterly Results {.tabset}
This content pertains to Quarterly Results
::: {#quarterly-product .section .level3}
### By Product
Quarterly perfomance by Products
:::
::: {#quarterly-region .section .level3}
### By Region
Quarterly perfomance by Region
:::
Final Words about Quarterly Results
## Yearly Results {.tabset}
This content pertains to Yearly Results
::: {#yearly-product .section .level3}
### By Product
Yearly perfomance by Products
:::
::: {#yearly-region .section .level3}
### By Region
Yearly perfomance by Region
:::
Final Words about Yearly Results
Run Code Online (Sandbox Code Playgroud)