Съдържание в R Markdown ioslides

Как да добавите съдържание в R Markdown презентация, когато се изобразява в ioslides_presentation?

Нещо като следното, но в ioslides:

---
title: ""
author: ""
date: ""
output:
  html_document:
    df_print: paged
    number_sections: yes
    theme: united
    toc: yes
    toc_float:
      collapsed: yes
      smooth_scroll: yes
---

За документи с изходни ioslides:

---
title: ""
author: ""
date: ""
output:
  ioslides_presentation: null
  beamer_presentation: default
  slidy_presentation: default
---

person EdimerRS    schedule 07.09.2017    source източник


Отговори (1)


Тъй като подопцията toc не се поддържа в RM arkdown ioslides, вижте напр. тук трябва да направете заобиколно решение.

@ShKlinkenberg предоставя решение тук. Ключът е да използвате JavaScript скрипт, за да добавите тази функционалност.

Следният самостоятелен пример .Rmd използва скрипта на @ShKlinkenberg:

---
title: "ToC in IOslides"
output: ioslides_presentation
---

<!-- Script for adding ToC !-->
<script>
document.addEventListener('DOMContentLoaded', function() {
  TableOfContents();
}
);                        

function TableOfContents(container, output) {

var output = output || '#toc';

// Get all elements with class: section or subsection
idfromclass = document.querySelectorAll('.section, .subsection');

    // Create the list element:
    var list = document.createElement('ul');

    // Iterate through all found elements
    for(var i = 0; i < idfromclass.length; i++) {

        // Create the list item:
        var item = document.createElement('li');

        // Set its contents:
        var id = idfromclass[i].id

        // Replace - in id with whitespace
        var titleText = id.replace(/-/gi, " ");

        // Add text to list element
        item.appendChild(document.createTextNode(titleText));

        // Add subsection class
        item.className = idfromclass[i].className

        // Add it to the list:
        list.appendChild(item);
    }

// Return generated HTML to toc div in slide
document.querySelector(output).innerHTML = list.innerHTML;

// Generate instruction message if no classes are defined
if (idfromclass.length == 0) { document.querySelector(output).innerHTML = "Add {.section} or {.subsection} to slide name to generate TOC"; }  

};
</script>

## Table of content

<div id="toc"></div>

# Section 1 {.section}

## Subsection A {.subsection}

# Section 2 {.section}

Това изобразява съдържание, както следва:

въведете описание на изображението тук

person symbolrush    schedule 28.05.2018