Comment modifier du contenu dans l’éditeur visuel et la vue code HTML

Un atelier de texte enrichi avec une vue code HTML : saisissez ou collez du contenu dans l’éditeur visuel, mettez-le en forme avec la barre d’outils et passez en vue code pour modifier directement le balisage. Une fenêtre d’aperçu affiche le document courant, et c’est depuis la vue code que vous copiez le HTML final.

L’éditeur s’exécute entièrement dans cet onglet. Rien n’est envoyé et il n’y a pas de bouton d’enregistrement : copiez le code avant de fermer la page si vous voulez garder le résultat.

  1. Cliquez dans la zone d’édition et saisissez ou collez votre contenu — du texte brut ou du balisage copié d’une autre page.
  2. Mettez-le en forme avec la barre d’outils : gras, italique, titres, listes, alignement, liens, tableaux, images par URL, etc.
  3. Appuyez sur le bouton code pour afficher le même document en HTML et modifier les balises et attributs comme du texte.
  4. Utilisez Aperçu pour afficher le document dans une fenêtre, ou Nettoyer le HTML et Mise en forme automatique pour retirer les styles ou réagencer le balisage.
  5. Copiez le HTML depuis la vue code : la page n’enregistre rien pour vous.

Ce que l’éditeur fait de votre contenu

Barre d’outils et fenêtres

La barre couvre annuler et rétablir, gras, italique, souligné et barré, titres H1 à H4, police et taille, couleurs du texte et du fond, alignement, listes numérotées et à puces, retrait, indice et exposant, hauteur de ligne, liens, images, tableaux avec fusion et fractionnement de cellules, lignes horizontales, émoticônes, ancres et sauts de page.

Les fenêtres image, média et Flash insèrent par URL, car l’envoi de fichiers est désactivé. Les blocs de code sont insérés comme éléments pre avec une classe de langage, par exemple lang-js ; la page ne charge pas de coloration syntaxique.

Vue code et normalisation du balisage

La vue code et l’éditeur visuel sont deux vues du même document, et passer de l’une à l’autre réaffiche le balisage. L’éditeur normalise ce qu’il affiche : une ligne horizontale revient par exemple en balise auto-fermante, un style en ligne gagne un point-virgule final, et les tableaux reçoivent un conteneur tbody.

Un aller-retour par l’éditeur visuel n’est donc pas identique octet pour octet à votre saisie. Conservez le balisage d’origine ailleurs si les octets exacts comptent, et utilisez la vue code pour modifier les balises à la main.

Traitement, confidentialité et limites

Tout se passe dans l’onglet du navigateur : le contenu n’est jamais envoyé, l’éditeur continue de fonctionner hors ligne une fois la page chargée, et il n’y a ni bouton d’enregistrement ni de publication — le document n’existe que jusqu’à la fermeture de l’onglet.

L’éditeur vise le contenu web ordinaire. Les documents très volumineux peuvent ralentir la zone d’édition, et le contenu collé conserve les styles d’origine tant que vous ne les retirez pas avec Nettoyer le HTML.

Outils récents :