Javascript 使用Markdown在reveal.js中创建片段

reveal.js支持在HTML中逐个显示的片段：

增长
收缩

滚入
淡出
突出显示红色
高亮显示绿色
突出显示蓝色

它支持对每张幻灯片使用标记而不是HTML，使用：

<section data-markdown>
    ## Page title

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

##页面标题
带有一些文本和[链接]的段落(http://hakim.se).

---

但是我找不到任何关于使用带有降价的片段的文档。我是否遗漏了某些内容或它尚未得到支持？

请参考此问题，我认为 片段只适用于HTML级别

我认为您可以在Markdown转换后直接操作DOM，如下所示：

{ 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'; });
  }
},

---

它现在通过添加标签来支持属性：

---

支持更多属性，如

背景

，

索引

，等等。请参阅官方文档上的更多示例：，。

如果您希望在jez在评论中指出的降价格式部分中创建片段，这就是您需要的

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

*第1项
*项目2

原始源-（死链接）

---

还有另一个教程-

我正在使用pandoc将一个降价文件转换为一个leaver.js演示文稿

不知道为什么，但上面的答案对我都不起作用。但是，将文本包含在带标记的围栏块中是不可行的

使用reveal.js片段示例

---

我可能遗漏了一些东西，但我认为OP的问题一定是关于markdown中的片段（即：是否有类似markdown的语法，允许您在markdown格式的节中创建片段），而不是片段中的markdown。这也是我用谷歌搜索来这里的目的。更新信息。添加了另一个教程作为解决方法。但我不明白这一点；加入这些属性不仅仅是暂时停止降价。有捷径吗？这很好，这是可行的，但在降价的情况下，这是没有帮助的。

:::{.element: class="fragment"}
Fade in
:::

:::{.element: class="fragment fade-out"}
Fade out
:::

:::{.element: class="fragment highlight-red"}
Highlight red
:::

:::{.element: class="fragment fade-in-then-out"}
Fade in, then out
:::

:::{.element: class="fragment fade-up"}
Slide up while fading in
:::