40 lines
1.1 KiB
Plaintext
40 lines
1.1 KiB
Plaintext
---
|
|
title: Code Block
|
|
description: A component used to display code snippets with optional line numbering and line highlighting.
|
|
date: 14-12-2024
|
|
---
|
|
|
|
## Preview
|
|
|
|
```javascript:main.js showLineNumbers {3-4}
|
|
function isRocketAboutToCrash() {
|
|
// Check if the rocket is stable
|
|
if (!isStable()) {
|
|
NoCrash(); // Prevent the crash
|
|
}
|
|
}
|
|
```
|
|
|
|
In this example, line numbers are displayed for lines 1 to 4. You can specify which lines to highlight using the format `{2,3-5}`.
|
|
|
|
## Output Markdown
|
|
|
|
You can directly use the following syntax to create a code block with line numbers and highlight specific lines:
|
|
|
|
````plaintext
|
|
```javascript:main.js showLineNumbers {3-4}
|
|
function isRocketAboutToCrash() {
|
|
// Check if the rocket is stable
|
|
if (!isStable()) {
|
|
NoCrash(); // Prevent the crash
|
|
}
|
|
}
|
|
```
|
|
````
|
|
|
|
## Features
|
|
|
|
- **Line Numbers**: Enable line numbers by adding `showLineNumbers` after the opening backticks.
|
|
- **Highlight Lines**: Specify lines to highlight using curly braces (e.g., `{2,3-5}`).
|
|
- **Syntax Highlighting**: Use the appropriate language for syntax highlighting.
|