Integração Reveal.js

1. Subindo arquivos em HTML nativo

Qualquer apresentação que rodar na biblioteca de código aberto do Reveal.js em formato index.html de base (a ser servido em browser) pode ser drag-and-drop no nosso motor do Professor.

Aviso: O motor utiliza os marcadores de tags
<section>...</section> para determinar a quebra de tela. Certifique-se de que sua estrutura utilize a semântica nativa do HTML.

2. Slides 2D ou sub-níveis de "secção" vertical

O conceito nativo de descidas verticais nos slides <section> contendo sub-<section> é renderizado flat ou unificado na visibilidade do aluno (isso é um ponto ainda importante). O aluno acompanha apenas o frame horizontal atual da "fatia" principal. O professor não perde o controle espacial (a setinha (↓) para baixo via RevealJS funciona normal conectada ao controle de websocket de passo e troca o id atual do aluno sem esforço).

3. Eventos CSS e fragmentos

Aviso: No momento atual do sistema, todos os fragmentos e eventos interativos complexos injetados nativamente (Javascript via click-to-glow) do Reveal.js são convertidos para Markdown purificado usando um transpilador no servidor. Seu Reveal.js será achatado. O fluxo vertical pode ser percorrido pela setinha para baixo (↓), mas o aluno o verá sequencialmente.

4. Figuras com <figure> e <figcaption>

O parser de reveal-html reconhece blocos com <figure>, <img> e <figcaption> e converte para o mesmo padrão interno usado por :::figure.

Exemplo de entrada:

<figure>
  <img src="sonic.webp" alt="Sonic">
  <figcaption>Desenho do Sonic usado no exemplo.</figcaption>
</figure>

Resultado no pipeline: figura + legenda com estilo unificado e numeração no slide final.