Reveal.js:在代码中添加片段

Question

我有一个使用reveal.js 运行的演示文稿，一切正常。我正在编写一些示例代码，并且 highlight.js 在我的演示文稿中运行良好。但是，我想逐步显示代码。例如，假设我正在向您解释一个功能，我向您展示了第一步，然后想展示后续步骤。通常，我会使用片段来增量显示项目，但它在代码块中不起作用。

所以我有这样的事情:

<pre><code>
def python_function()
    <span class="fragment">display this first</span>
    <span class="fragment">now display this</span>
</code></pre>

但是 <span>元素得到语法高亮显示，而不是作为 HTML 片段读取。它看起来像这样: http://imgur.com/nK3yNIS

仅供引用，没有 <span>元素 highlight.js 将其正确读取为 python，但使用 <span> ，它检测到的语言是coffeescript。

任何关于如何在代码块中包含片段(或其他模拟方式)的想法将不胜感激。

Answer 1

要使片段在代码片段中工作，您现在可以使用属性 data-noescape与 <code>标签

来源:Reveal.js docs