Skip to main content
Tool Factory

Outil dans le navigateur

Processeur de diff de code

Comparez deux entrées séparées par un délimiteur et mettez leurs différences en évidence.

Espace de travail

Entrée requise

Votre entrée reste dans ce navigateur.

Ajoutez l’entrée requise pour continuer.

Entrée

Ajoutez votre source et choisissez les options requises.

Options

Pertinent pour le mot et la ligne

Les résultats se mettent à jour automatiquement.

Votre résultat apparaît ici

Complétez l’entrée requise pour continuer.

Réponse directe

Fonction de Processeur de diff de code

Le processeur Diff compare deux échantillons séparés par Sample delimiter. Il produit un résultat HTML avec les ajouts et les suppressions.

Résultat

Ce que vous recevez

L'outil renvoie du HTML avec les différences mises en évidence.

Utiliser cet outil

Comment utiliser Processeur de diff de code

  1. Saisissez exactement deux versions de texte ou de code.
  2. Séparez-les avec Sample delimiter.
  3. Choisissez Diff by, puis Show added, Show removed, Show subtraction et Ignore whitespace.
  4. Examinez le HTML avant de le copier dans une autre page.

Exemple

Tester avec un exemple sûr

Entrée: const value = 1\n---\nconst value = 2

Paramètres: Sample delimiter: ---; Diff by: Line; Show added: true; Show removed: true; Show subtraction: false; Ignore whitespace: false.

Résultat: Du HTML qui marque le changement de 1 vers 2.

Référence: https://wikipedia.org/wiki/File_comparison. Le diff décrit une différence, pas la version correcte.

Usages courants

Usages de Processeur de diff de code

  • Comparez deux versions courtes d'un fichier.
  • Mettez les lignes ajoutées et supprimées en évidence.
  • Comparez le résultat avec et sans Ignore whitespace.

Limites

Vérifier le résultat

  • Sample delimiter doit séparer exactement deux échantillons.
  • Le résultat ne donne pas la signification sémantique ou de sécurité d'une différence.
  • Le HTML doit être vérifié avant toute insertion dans une page.

Questions fréquentes

Réponses sur Processeur de diff de code

Quels modes Diff by sont disponibles ?

Diff by propose Character, Word, Line, Sentence, CSS et JSON. Chaque mode compare les deux échantillons à un niveau différent.

Quels réglages contrôlent le résultat ?

Les réglages sont Sample delimiter, Diff by, Show added, Show removed, Show subtraction et Ignore whitespace. Ignore whitespace concerne surtout Word et Line.

Que se passe-t-il avec un mauvais délimiteur ?

L'opération exige exactement deux échantillons. Modifiez Sample delimiter ou ajoutez le séparateur attendu si elle signale un nombre incorrect d'échantillons.

Quel type de sortie le Diff renvoie-t-il ?

Il renvoie du HTML. Vérifiez les balises et échappez le contexte cible avant de réutiliser la sortie dans une autre page.