Reveal.js降价片段

时间:2016-10-11 17:57:25

标签: javascript markdown reveal.js presentation

我使用Reveal.js创建了一个演示文稿,我正在使用markdown来编写它。

考虑像

这样的部分
<section data-markdown>
    <script type="text/template">
        ## Title

        > A little quote with some `code`
    </script>
</section>

我希望> Quote成为片段并出现在鼠标碰撞中。 如果我只是使用<!-- .element: class="fragment" -->文档中所述的reveal.js,则只有code部分会成为片段。

如何让所有> A little quote with some code段落成为片段?

1 个答案:

答案 0 :(得分:0)

我正在使用VSCode-reveal(VSCode的扩展),该文件可让我制作降价文件并生成Reveal包装。片段{.fragment}有一种快捷语法。

应用降价格式时,这很古怪,因为它倾向于“粘”在最近的元素上。例如,如果执行此操作,我可以得到您描述的问题:

## Title

> A little quote with some `code`{.fragment}

但是,如果我在'code'部分后面留一个空格,它会给出所需的行为,可能是因为它适用于引号的元素,而不是代码格式的元素:

## Title

> A little quote with some `code` {.fragment}

但是,我无法使用<!-- .element: class="fragment" -->重现您的问题。我怀疑这与显示版本有所不同。