You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Tests of different syntax. @apreshill you could have some thoughts about them.
---title: Fading / incremental / fragmentoutput:
revealjs::revealjs_presentation: default---# About fragment / incremental slide
Look at the vertical slide after each slide to see the markdown syntax
# Pausing using pandoc syntax
content before the pause
. . .
content after the pause
. . .
Content after another pause
## See code```markdown
content before the pause
. . .
content after the pause
. . .
Content after another pause
```# Equivalent to using fenced div
Content before fade
::: fragment
content after the pause
:::
::: fragment
content after the pause
:::
## See code```markdown
Content before fade
::: fragment
content after the pause
:::
::: fragment
content after the pause
:::
```# Using HTML directly
<pclass="fragment">Fade in</p>
<pclass="fragment fade-out">Fade out</p>
<pclass="fragment highlight-red">Highlight red</p>
<pclass="fragment current-visible">Fade in, then out</p>
<pclass="fragment fade-up">Slide up while fading in</p>
## See code````markdown
<p class="fragment">Fade in</p>
<p class="fragment fade-out">Fade out</p>
<p class="fragment highlight-red">Highlight red</p>
<p class="fragment current-visible">Fade in, then out</p>
<p class="fragment fade-up">Slide up while fading in</p>
````# attributes can be added on divs
::: fragment
Fade in
:::
::: {.fragment .fade-out}
Fade out
:::
::: {.fragment .highlight-red}
Highlight red
:::
::: {.fragment .current-visible}
Fade in, then out
:::
::: {.fragment .fade-up}
Slide up while fading in
:::
## See code````markdown
::: fragment
Fade in
:::
::: {.fragment .fade-out}
Fade out
:::
::: {.fragment .highlight-red}
Highlight red
:::
::: {.fragment .current-visible}
Fade in, then out
:::
::: {.fragment .fade-up}
Slide up while fading in
:::
````## See output
it create unnecessary divs
````html
<divclass="fragment visible"data-fragment-index="0">
<p>Fade in</p>
</div>
<divclass="fragment fade-out visible"data-fragment-index="1">
<p>Fade out</p>
</div>
<divclass="fragment highlight-red visible"data-fragment-index="2">
<p>Highlight red</p>
</div>
<divclass="fragment current-visible visible"data-fragment-index="3">
Fade in, then out
<p></p>
</div>
<divclass="fragment fade-up visible"data-fragment-index="4">
<p>Slide up while fading in</p>
</div>
````# But it works on span too[Fade in]{.fragment}
[Fade out]{.fragment .fade-out}
[Highlight red]{.fragment .highlight-red}
[Fade in, then out]{.fragment .current-visible}
[Slide up while fading in]{.fragment .fade-right}
## See code````markdown
[Fade in]{.fragment}
[Fade out]{.fragment .fade-out}
[Highlight red]{.fragment .highlight-red}
[Fade in, then out]{.fragment .current-visible}
[Slide up while fading in]{.fragment .fade-up}
````### See output````html
<h1>Does it works on span ?</h1>
<p><spanclass="fragment"data-fragment-index="0">Fade in</span></p>
<p><spanclass="fragment fade-out"data-fragment-index="1">Fade out</span></p>
<p><spanclass="fragment highlight-red"data-fragment-index="2">Highlight red</span></p>
<p><spanclass="fragment current-visible"data-fragment-index="3">Fade in, then out</span></p>
<p><spanclass="fragment fade-up"data-fragment-index="4">Slide up while fading in</span></p>
````# You just can't add attributes on any Markdown element
Not yet at least: https://github.com/jgm/pandoc/issues/684````
The text was updated successfully, but these errors were encountered:
It does not seem possible to use markdown syntax within Pandoc to customize the attributes on each bullet though. But that is easier than using attributes on spans
We will not make any big new feature in the revealjs package, but I probably try to add this one in v1 documentation. Note that this should be working with current dev version of revealjs R package
Looking into #73 got me tested several syntax like fenced div or span attributes.
I think this should be documented better to see what works with Pandoc compared to what is document in the JS lib
Resources
Example
Tests of different syntax. @apreshill you could have some thoughts about them.
The text was updated successfully, but these errors were encountered: