Pandoc Lua filter : Markdown To Bootstrap

August 20, 2022 · View on GitHub

This pandoc Lua filter converts markdown to Bootstrap components.

Useful for rapidly creating visually attractive Moodle courses

USAGE

pandoc sample.md --lua-filter bootstrap.lua -o expected.html -f markdown+inline_code_attributes

Or with a template to add the bootstrap headers and navbar with Table of content.

pandoc sample.md --lua-filter bootstrap.lua -o result.html --template bs5.template.html -f markdown+inline_code_attributes

COMPONENTS

Header block (jumbotron)

Simply type this:	Get that:
`::: jumbotron # Markdown to Bootstrap Discovert how some simple Mardown can be converted Here is an implementation with pandoc and Lua filter :::`

Simple Quiz

Simply type the question and proposals:	And get that :
`::: quiz # This is the question? * First proposition * Explanation about first * Second proposition * Third proposition * Fourth proposition * Explanation about fourth :::`

Carousel

Type simply the slide content:	And get that:
`::: carousel carouselId # first slide Some content for first slide # Second slide Some content for second slide # Third slide Some content for third slide :::`

Accordion

Simply type the content of the toggle:	And get that:
`::: accordion accordionId # first toggle link Content of the first toggle # Second toggle link Content of the second toggle # Third toggle link Content of the third toggle :::`

Tabs

Type simply this:	Get that
`::: tabs # Choice 1 Some content for first choice # Choice 2 Some content for second choice # Choice 3 Some content for third choice :::`

Alerts

Type simply this:	Get that
`::: info This is an info alert :::`
`::: danger This is an danger alert :::`

Cards

Type simply the card content:	Get that
`::: card ::: header (optional) text of the header ::: # a title in the body Paragraph one of the body Paragraph two of the body :::footer (optional) text of the footer ::: :::`

Buttons

Type simply this:	Get that
`You can [Click me](https://github.com/pandoc)`
`You can [Click me](https://github.com/pandoc){.success}`

Media link

Type simply this:	Get that
`[Bootstrap design](https://www.youtube.com/watch?v=Uz7XbIxHf-4)`

Icons

Simply type this:	And get that:
`[](.bi-bootstrap)`

Other tools included

This filter comes with a template to include:

Table of content for the sidebar

Another filter can be used to insert social network blocks:

Social-snetwork filter to create recommandation blocks

ROADMAP

Here is what is already done and which components are planned:

Swyping Quiz

Type simply this: And get that:

Type simply this:	And get that:
`::: carousel ::: quiz # Check your level A little quiz for you! # Question 1 * proposition 1 * feedback for proposition 1 * proposition 2 * proposition c * proposition d # Question 2 * Prop A * Prop B * Prop C * feedback prop C * prop D ::: :::`

::: carousel

::: quiz

# Check your level

A little quiz for you!

# Question 1

* proposition 1
  * feedback for proposition 1
* proposition 2
* proposition c
* proposition d

  
# Question 2

* Prop A
* Prop B
* Prop C
  * feedback prop C
* prop D
:::

:::

jumbotron

Creator

François Parlant

Thanks to Tarleb for his helpful answers about Lua on stackoveflow 👍