PrimeFaces Extensions Showcase

Keynote

An HTML presentation component that enables to create fully-featured and beautiful presentations.

It's possible and often times more convenient to write presentation content using Markdown. To create a Markdown slide, add the markdown="true" attribute to your pe:keynoteItem element and wrap the contents in it.

Slides can be separated by pe:keynoteItem or regexp. They are separated by three dashes by default in markdown mode.

Note that markdown codes are sensitive to indentation (avoid mixing tabs and spaces) and line breaks (avoid consecutive breaks).

Slide 7

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Source

XHTML page


<pe:keynote width="480" height="350" style="width: 50vw; height: 50vh;">
    <pe:keynoteItem markdown="true">
## Slide 1
A paragraph with some text and a [link](https://www.primefaces.org/showcase-ext/views/home.jsf).
---
## Slide 2
* item1
* item2
---
## Slide 3
    </pe:keynoteItem>
    <pe:keynoteItem markdown="true">
## Slide 4
A

 ---

B

 ---

C
    </pe:keynoteItem>
    <pe:keynoteItem markdown="true" separator="^\n---\n$" separatorVertical="^\n--\n$">
## Slide 5
Section 5.1

--

## Slide 5
Section 5.2

---

## Slide 6
    </pe:keynoteItem>
    <pe:keynoteItem>
        <h2>Slide 7</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </pe:keynoteItem>
</pe:keynote>