FsReveal 行高亮显示

Question

我正在尝试突出显示 FsReveal 演示文稿中的线条。我想显示所有行，然后在下一步中突出显示第 3 行。我知道这在 Reveal.js 中是可能的，但我不确定如何在 FsReveal 中使用它。这是我尝试过的：

***
- data-line-number : 1-3|3

### Chicken

```
let x = 10
let y = ["a"; "b"; "c"]
let monkey = 100.0
```

***

它没有显示所有行然后在下一个向右箭头上突出显示第三行，而是正常显示所有行并继续。

Answer 1

我真的没有一个可行的答案，但我有两个想法可以提供帮助。

首先，需要在代码段的 <code> 元素上设置 data-line-numbers 属性。按照您设置的方式，它将被复制到 <section> 元素。这很不幸，因为 <code> 元素是从 Markdown 格式生成的，所以你不能直接设置它。你的降价文档中仍然可以有 HTML 元素，所以你可以试试看是否有效：

<pre><code class="nohighlight" data-line-numbers="3,8-10">
<table>
  <tr>
    <td>Apples</td>
    <td></td>
    <td>7</td>
  </tr>
  <tr>
    <td>Oranges</td>
    <td></td>
    <td>18</td>
  </tr>
</table>
</code></pre>

遗憾的是，尽管生成了看起来正确的内容，但这对我来说实际上并没有用 HTML。我怀疑这是因为 FsReval 使用了旧版本的 reveal.js。应该有办法更新它。

如果你成功了，你可以尝试使用 JavaScript 在生成的 <code> 上设置属性，就在你的 HTML 元素之后：

```
let x = 10
let y = ["a"; "b"; "c"]
let monkey = 100.0
```

<script>
var els = document.getElementsByTagName("code");
els[els.length-1].setAttribute("data-line-numbers","3,8-10");
</script>

FsReveal 行高亮显示

FsReveal Line Highlighting

f#

reveal.js

fsreveal