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

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);
  }
};
Cliquez pour développer et voir plus

Bloc de Code avec Numéros de Ligne

PYTHON
 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
Cliquez pour développer et voir plus

Surlignage de Lignes Spécifiques

GO
 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}
Cliquez pour développer et voir plus

Bloc de Code avec Nom de Fichier

api.ts
// 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 [];
  }
}
Cliquez pour développer et voir plus

Bloc de Code Texte Brut

PLAINTEXT
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.");
}
Cliquez pour développer et voir plus

Code en Ligne

Ceci est un exemple de code en ligne : const x = 42; et npm install et git commit -m "mise à jour".


Avis de droits d'auteur

Auteur: 名字还没想好

Lien: http://localhost:1313/fr/posts/code-highlighting-test/

Licence: CC BY-NC-SA 4.0

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. Please attribute the source, use non-commercially, and maintain the same license.

Commentaires

Commencer la recherche

Saisissez des mots-clés pour rechercher des articles

↑↓
ESC
⌘K Raccourci