gerhobbelt / markdown-it-revealjs

Introduce slide separators compatible with RevealJS, including horizontal and vertical navigation.

markdown-it-revealjs

Usage

npm install --save markdown-it-revealjs

var md = require('markdown-it')();
md.use(require('markdown-it-revealjs'));

Description

RevealJS allows us to write markdown within slide sections.

This markdown-it plugin allows us to write markdown to generate a markup structure that is compatible with RevealJS horizontal and vertical navigation.

The following Markdown:

# Section 1

---

# Section 2

===

# Section 2.1

===

# Section 2.2

---

# Section 3

Generates the following HTML:

<section class="reveal">
	<div class="slides">
		<section>
			<h1>Section 1</h1>
		</section>
		<section>
			<section>
				<h1>Section 2</h1>
			</section>
			<section>
				<h1>Section 2.1</h1>
			</section>
			<section>
				<h1>Section 2.2</h1>
			</section>
		</section>
		<section>
			<h1>Section 3</h1>
		</section>
	</div>
</section>

License

MIT © Anthony Hogg