Test de Coloration Syntaxique
Cet article est utilisé pour tester la nouvelle fonctionnalité de coloration syntaxique, incluant la coloration syntaxique, le bouton de copie, l’affichage du langage, etc.
JavaScript
function fibonacci(n) {
if (n <= 1) return n;
return fibonacci(n - 1) + fibonacci(n - 2);
}
const result = fibonacci(10);
console.log(`Le 10ème nombre de Fibonacci est : ${result}`);
// Async/Await
const asyncFunction = async () => {
try {
const response = await fetch('/api/data');
const data = await response.json();
return data;
} catch (error) {
console.error('Erreur lors de la récupération des données :', error);
}
};
Bloc de Code avec Numéros de Ligne
1# Code Python avec numéros de ligne
2import asyncio
3from typing import List, Optional
4
5class DataProcessor:
6 def __init__(self, data: List[dict]):
7 self.data = data
8
9 def process(self) -> Optional[dict]:
10 """Traite les données et retourne le résultat"""
11 if not self.data:
12 return None
13
14 result = {
15 'total': len(self.data),
16 'processed': []
17 }
18
19 for item in self.data:
20 if self.validate_item(item):
21 result['processed'].append(item)
22
23 return result
Surlignage de Lignes Spécifiques
1package main
2
3import "fmt" // Cette ligne sera surlignée
4
5func main() {
6 message := "Bonjour, Monde !" // Cette ligne sera aussi surlignée
7
8 fmt.Println(message) // Cette ligne sera aussi surlignée
9
10 for i := 0; i < 3; i++ {
11 fmt.Printf("Compteur : %d\n", i)
12 }
13}
Bloc de Code avec Nom de Fichier
// API TypeScript
interface ApiResponse<T> {
data: T;
status: number;
message: string;
}
interface User {
id: number;
name: string;
email: string;
avatar?: string;
}
class ApiClient {
private baseURL: string;
private headers: Record<string, string>;
constructor(baseURL: string, apiKey?: string) {
this.baseURL = baseURL;
this.headers = {
'Content-Type': 'application/json',
...(apiKey && { 'Authorization': `Bearer ${apiKey}` })
};
}
async get<T>(endpoint: string): Promise<ApiResponse<T>> {
const response = await fetch(`${this.baseURL}${endpoint}`, {
method: 'GET',
headers: this.headers,
});
if (!response.ok) {
throw new Error(`Erreur HTTP ! statut : ${response.status}`);
}
return response.json();
}
async post<T>(endpoint: string, data: any): Promise<ApiResponse<T>> {
const response = await fetch(`${this.baseURL}${endpoint}`, {
method: 'POST',
headers: this.headers,
body: JSON.stringify(data),
});
return response.json();
}
}
const client = new ApiClient('https://api.example.com', 'your-api-key');
async function getUsers(): Promise<User[]> {
try {
const response = await client.get<User[]>('/users');
return response.data;
} catch (error) {
console.error('Erreur lors de la récupération des utilisateurs :', error);
return [];
}
}
Bloc de Code Texte Brut
Ceci est un bloc de code en texte brut.
Il ne devrait pas avoir de coloration syntaxique.
Vous pouvez tester la fonctionnalité de copie ici.
function test() {
console.log("Ceci est un test.");
}
Code en Ligne
Ceci est un exemple de code en ligne : const x = 42;
et npm install
et git commit -m "mise à jour"
.
Commentaires