slara / generator-reveal

Yeoman generator for Reveal.js
MIT License
429 stars 52 forks source link

Markdown slides separation #70

Closed dangior closed 9 years ago

dangior commented 9 years ago

Hi, first of all thanks for the contribution, it works great! Just one question, how do I do for separate slides horizontal and vertically under the same Markdown file?

Regards,

janraasch commented 9 years ago

Hi @dangior. This is really more of a general reveal.js question, so please refer to the reveal.js README.md for more details. The gist is:

There are data attributes data-separator and data-separator-vertical which you may specify to control the parsing behavior of a given markdown slide.

If you do not explicitly specify these attributes on a slide, only horizontal separation works, with a value of ^\n---\n, so e.g.

first slide

---

next slide (horizontal)

But you can set those attributes to anything you like by putting the declaration into the slides/list.json file. So you could have a list.json with content

[{
        "filename": "slide-title.md",
        "attr": {
            "data-separator": "^\n---\n",
            "data-separator-vertical" : "\n--\n"
        }
}]

(the generator will give you a good starting point by running yo reveal:slide "Slide Title" --markdown --attributes) and then in your slides/slide-title.md file you might have

first slide

---

next slide (horizontal)

--

next slide (vertical)

Hope that helps...

dangior commented 9 years ago

Hi Jan, it works like a charm! for me is more useful to have several slides included in the same file so it will help a lot.

Thanks a lot!