fragments dans reveal.js utilisant Markdown

Question

reveal.js prend en charge des fragments qui seront affichés l'un après l'autre dans HTML

<section> 
    <p class="fragment grow">grow</p> 
    <p class="fragment shrink">shrink</p> 
    <p class="fragment roll-in">roll-in</p> 
    <p class="fragment fade-out">fade-out</p> 
    <p class="fragment highlight-red">highlight-red</p> 
    <p class="fragment highlight-green">highlight-green</p> 
    <p class="fragment highlight-blue">highlight-blue</p> 
</section> 

Il prend en charge en utilisant MarkDown au lieu de HTML pour chaque diapositive en utilisant:

<section data-markdown> 
    ## Page title 

    A paragraph with some text and a [link](http://hakim.se). 
</section> 

Mais je n'ai pas pu trouver de documentation sur l'utilisation de fragments en utilisant MarkDown. Est-ce que j'ai manqué quelque chose ou n'est-ce pas encore supporté?

Answer 1

Veuillez vous référer à ce numéro Markdown inside fragments, et je pense que le fragment s'applique uniquement au niveau html.

Je pense que vous pouvez manipuler le dom après démarquage transformé directement, comme ça -

{ src: 'plugin/markdown/markdown.js', 
    condition: function() { return !!document.querySelector('[data-markdown]'); }, 
    callback: function() { 
    Array.prototype.forEach.call(document.querySelectorAll('section > p'), function(ele){ ele.className = 'fragment'; }); 
    } 
}, 

Answer 2

Il supporte maintenant les attributs, en ajoutant tag: <!-- .element: class="fragment" -->.

Il y a plus d'attributs pris en charge tels que background, index, etc. Voir d'autres exemples sur doc officiel: Element Attributes, Slide Attributes.

Answer 3

Si vous cherchez à créer des fragments dans une section au format Markdown comme Jez a souligné dans son commentaire, voici ce dont vous avez besoin

* Item 1 <!-- .element: class="fragment" --> 
* Item 2 <!-- .element: class="fragment" --> 

Source originale - https://stevegrunwell.com/blog/building-presentations-reveal-js/