highlight.js - 用 highlight.js 强调线条

Question

有没有办法用 highlight.js 强调线条？

例如，通过对它们进行不同的着色、更改背景颜色或其他方式。

Answer 1

您可以使用 HTML5 的 mark标签。
让我们以这段 Java 代码为例:

<pre><code>
View.OnClickListener listener = new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Log.d(&#x22;TAG&#x22;, &#x22;Clicked!&#x22;);
    }
};
</code></pre>

这将显示如下:



并为部分代码添加黄底灰高亮:

<pre><code>
View.OnClickListener listener = <mark class="highlight-inline">new View.OnClickListener() {
    @Override
    public void onClick</mark>(View v) {
        Log.d(&#x22;TAG&#x22;, &#x22;Clicked!&#x22;);
    <mark class="highlight-inline">}</mark>
};
</code></pre>

<style type="text/css">
.highlight-inline {
    background:yellow;
    color:gray;
}
.highlight-inline span {
    background:inherit;
    color:inherit;
}
</style>

这将导致: