1

Prism.js 突出显示行号不起作用。经过大量的故障排除，高亮div的绝对定位似乎相互重叠（见图棱镜CSS）。这是我用来下载 prism.js 的页面：https ://prismjs.com/download.html#themes=prism-dark&languages=markup+css+clike+javascript+c+cpp+java+javadoclike+javadoc&plugins=line-高亮+行号+高亮-关键字

我的代码如下：

<div class="code-block">
<pre data-line="1-8, 10" data-start="31"><code class="language-java">public AlignmentResults unMarshallAlignmentResult(File alignmentFile) {
AlignmentResults alignmentResults;
try {
    JAXBContext jaxbContext = JAXBContext.newInstance(AlignmentResults.class);
    javax.xml.bind.Unmarshaller unmarshaller = jaxbContext.createUnmarshaller();
    alignmentResults = (AlignmentResults) unmarshaller.unmarshal(alignmentFile);
} catch (JAXBException e) {
    alignmentResults = null;
}
return alignmentResults;}</code>
</pre>

网页加载后，如图2页面加载时突出显示所示： 目前，应突出显示第 1-8 (31-38) 行和第 10 (41) 行。

如果我缩放浏览器窗口，则会出现更明确的突出显示，但它仅位于第 1 行（或所有突出显示都堆叠在第 1 行）。 在此处输入图像描述

4

1 回答 1

2

旧答案已删除。全新的答案：

偏移量的工作方式与 (I) 预期的不同。

他们的在线示例是：

<pre data-line="43" data-line-offset="40" ...

第三行突出显示。偏移量是 40，所以计数到 43（3 计数）： 41, 42, 43 -- 第三行突出显示。

在你的，

<pre data-line="1-8, 10" data-start="31">

偏移量为 31，但您想在第 1 行开始突出显示。发生的情况是，荧光笔向后找到第 1 行，即向上30（或 31）行。

如果使用偏移量或数据开始，请确保data-lines 大于 s 。data-start

如果我没记错的话，你的应该是：

<pre data-line="31-38, 40" data-line-offset="31">
于 2019-10-03T22:08:47.553 回答