Line By Text

Use the option to bring readers attention to the important lines. highlight :include-file: file-name.js {highlight: "export"} class JsClass { constructor() { usefulAction(); } } export default JsClass;

Line By Index

It is recommended to pass a substring, but you can pass a line idx (starts from 0). Additionally, you can combine two approaches and pass a list of things to highlight. Note: Order of lines to highlight is reflected during presentation mode :include-file: file-name.js {highlight: ["export", 1]} class JsClass { constructor() { usefulAction(); } } export default JsClass;

Text From File

Use the option to highlight lines specified in a separate file. highlightPath :include-file: file-name.js {highlightPath: "lines-to-highlight.txt"} class JsClass { constructor() { usefulAction(); } } export default JsClass; class usefulAction

Region

Use the to highlight large portions of the code as one highlight block: highlightRegion :include-file: file-name.js {highlightRegion: {start: "constructor", end: "}"}} class JsClass { constructor() { usefulAction(); } } export default JsClass;

Region Using Scope

Use the to highlight region using scope like . Unlike example above, highlight will not stop at first closing : Use multiple start lines to narrow down a specific region Znai will find a smallest text block that contains all specified lines and then highlight the most inner one: highlightRegion.scope {} } :include-file: with-nested-if.js {highlightRegion: {start: "userId ===", scope: "{}"}} class JsClass { usefulAction() { if (userId === "user-a") { if (canRead(userId)) { // ... } } } } :include-file: with-multiple-if-clarify.js {highlightRegion: { start: ["if (userId ===", "canRead"], scope: "{}"} } class JsClass { usefulAction() { if (userId === "user-a") { // ... } if (canRead(userId)) { // ... } if (userId === "user-a") { // ... if (canRead(userId)) { // ... } } } }

Multiple Regions

Use list to specify multiple regions to highlight: :include-file: with-multiple-if.js {highlightRegion: [ {start: "canRead", scope: "{}"}, {start: "canWrite", scope: "{}"}] } class JsClass { usefulAction() { if (userId === "user-a") { if (canRead(userId)) { // ... } } if (userId === "user-b") { if (canWrite(userId)) { // ... } } } }