Highlight.js Focus Plugin
This plugin provide the ability to highlight a focused line when using Highlight.js
To use, first, register this plugin with addPlugin command:
hljs.addPlugin(new LineFocusPlugin({
focusedStyle: {
borderLeft: "2px solid #78e08f55",
background: "#78e08f05",
padding: "2px",
paddingLeft: "10px",
},
unfocusedStyle: {
borderLeft: "2px solid transparent",
paddingLeft: "10px",
opacity: "0.5",
filter: "grayscale(1)"
}
}));
Then in your code, or in your markdown source, add the language with the format:
<language>@focus=<lines>
For example:
js@focus=5,8:12,14
4.2k Jan 1, 2023
1.2k Jan 2, 2023
4 Mar 3, 2021
21 Nov 6, 2022
1.2k Jan 4, 2023
222 Sep 8, 2022
42 Oct 25, 2022