如何在Reveal.js Markdown演示文稿中调整幻灯片可见性
在Reveal.js的Markdown编写模式下,要隐藏指定幻灯片,只需在对应幻灯片的前一个分隔符---后,添加幻灯片属性声明注释<!-- .slide: data-visibility="hidden" -->即可。
该语法是Reveal.js内置的Markdown属性绑定规则,<!-- .slide: -->格式的注释会被识别为给当前幻灯片添加对应HTML属性,和直接给<section>标签加属性的效果完全一致,可正常实现隐藏幻灯片、跳过播放的效果。
示例:如果要隐藏你给出代码中的Slide 2,修改后的完整代码如下:
<section data-markdown> <textarea data-template> ## Slide 1 --- <!-- .slide: data-visibility="hidden" --> ## Slide 2 --- ## Slide 3 </textarea> </section>
如果需要隐藏首张幻灯片,直接将属性注释放在首张幻灯片所有内容的最上方即可。
内容的提问来源于stack exchange,提问作者Alexander Trotsenko
相关产品推荐
相关产品推荐

