Usage simple

Tailles

Couleurs

Transformation

Style fantôme

Redimensionnement

Nombre de lignes

Avec validation

Contrôlée

Dans un fieldset

En erreur

Désactivée

En lecture seule

En majuscules

Nettoyée en sortie

Limite de 100 caractères

Première lettre en capitale

Espaces normalisés

Balises HTML retirées

Mise en liste

Dans un fieldset

Avec validation

Aperçu à droite (par défaut)

📋 Copy
const greeting = 'Hello from Markdown!' ;
console.log( greeting ) ;

Aperçu en dessous

En onglets (écrire | aperçu)

Sans aperçu

Aperçu réglé

📋 Copy
1def hello():
2    print("Hello World")

Contrôlé

Dans un fieldset

Avec validation

Qui pousse tout seul

CodeBlock (affichage seul)

1import { useState } from 'react';
2
3function Counter() {
4    const [count, setCount] = useState(0);
5    
6    return (
7        <div>
8            <p>Count: {count}</p>
9            <button onClick={() => setCount(count + 1)}>
10                Increment
11            </button>
12        </div>
13    );
14}
15
16export default Counter;

La tabulation (JavaScript)

Aperçu coloré à droite

1def quicksort(arr):
2    if len(arr) <= 1:
3        return arr
4    pivot = arr[len(arr) // 2]
5    left = [x for x in arr if x < pivot]
6    middle = [x for x in arr if x == pivot]
7    right = [x for x in arr if x > pivot]
8    return quicksort(left) + middle + quicksort(right)
9
10print(quicksort([3,6,8,10,1,2,1]))

Aperçu en dessous (HTML)

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <title>Hello World</title>
6</head>
7<body>
8    <h1>Hello World!</h1>
9</body>
10</html>

Une requête SQL

Largeur d’indentation

Sans gestion de la tabulation

Contrôlé

1// Empty

Qui pousse tout seul

Dans un fieldset

En lecture seule, avec aperçu

1npm install next@latest
2npm run dev

Libellés du CodeBlock

Libellés par défaut

const x = 10;

Libellés donnés par l’hôte

const x = 10;

Messages de toast donnés par l’hôte

const x = 10;

Deux CodeBlock côte à côte

1// Old approach
2var x = 10;
3var y = 20;
4var sum = x + y;
5console.log(sum);

1// Modern approach
2const x = 10;
3const y = 20;
4const sum = x + y;
5console.log(sum);

// Modern approach
const x = 10;
const y = 20;
const sum = x + y;
console.log(sum);

{
  "fr": "# Bonjour\n\nUne **description** multilingue en _markdown_.\n\n- la preview suit la langue active\n- les drapeaux remplis portent un point",
  "en": ""
}