Outils de développement · Éditeur HTML WYSIWYG
Paragraphes parasites et vides : petites habitudes de balisage qui brisent les mises en page ( )
· Pourquoi c'est important
html nettoyage de texte contenu modifiable
montre comment les espaces doubles, les entrées pour espacement et les sauts de fin deviennent des entités et des blocs vides qui se comportent mal sur les écrans étroits, et comment les repérer dans le balisage. ( )
La ligne qui ne s'enroulerait pas sur mobile — s'ouvre sur un titre maintenu par des espaces insécables
Un titre joint à des espaces insécables peut refuser de s'enrouler à l'intérieur d'une carte étroite, élargissant son conteneur ou créant un débordement gênant. Les caractères ressemblent à des espaces ordinaires dans un éditeur visuel. Une inspection des sources ou des outils sensibles aux points de code peuvent donc être nécessaires pour identifier la cause.
ToolAcre normalise les entités via son décodeur local et son chemin d'échappement, mais il n'a pas de commande dédiée à la recherche ou à la suppression des espaces insécables. La désinfection d'un fragment n'est pas une réparation de mise en page réactive. Les rédacteurs doivent inspecter le comportement du texte et de la destination plutôt que de s'attendre à ce que la liste d'autorisation modifie les caractères d'espacement valides.
Comment les espaces insécables peuvent entrer dans le contenu ; cet éditeur ne définit aucune règle d'insertion particulière
Des espaces insécables peuvent provenir de documents collés, d'entités délibérées ou d'applications qui préservent l'espacement visuel consécutif. Le référentiel ne prouve pas que ToolAcre convertit lui-même deux espaces tapés en un espace insécable, donc cet article n'attribue pas ce comportement à son hôte modifiable par le contenu.
Lorsqu'une référence nommée collée est connue du décodeur d'entité, le désinfectant la résout avant de réémettre le texte. L’orthographe de l’auteur peut changer tandis que le caractère sous-jacent demeure. Les références nommées inconnues dans les URL sont refusées car les navigateurs peuvent comprendre plus d'entités que ce tableau plus petit.
Paragraphes vides comme espacement : décrit <p> </p> et les <br> de fin utilisés pour pousser le contenu vers le bas. ( )
Les paragraphes vides et les éléments br de fin sont souvent utilisés comme espaceurs manuels. Il s'agit de nœuds de contenu dont la hauteur apparente dépend du CSS de destination. ToolAcre accepte p et br, donc un bloc autorisé vide ou une pause inutile n'est pas automatiquement rejeté comme dangereux.
Appuyer sur Entrée à plusieurs reprises peut créer un DOM dépendant du navigateur qui affinera ensuite le désinfectant. Étant donné que le panneau ne configure pas de séparateur ni ne promet le comportement de la clé, inspectez la sortie. Supprimez les structures vides qui n'ont aucune signification, puis utilisez les marges de la feuille de style et les primitives de mise en page dans la destination.
Pourquoi ces mises en page réactives : couvrent le comportement sans retour à la ligne, les écarts incohérents entre les appareils et les marges qui s'empilent
Un espace insécable empêche un saut de ligne éligible à sa position. Plusieurs mots enchaînés peuvent maintenir une phrase ensemble au-delà de la largeur disponible. Les blocs vides ajoutent des marges ou des zones de ligne en fonction des styles, de sorte qu'un espace qui semble correct dans un aperçu peut doubler ou disparaître ailleurs.
Ces effets dépendent du contexte. Le bac à sable utilise son propre CSS de document léger et ne peut pas reproduire une carte CMS mobile ou un client de messagerie. Testez les conditions réelles de largeur, de police et de feuille de style. L'inspection à la source identifie les suspects ; il ne remplace pas les tests de rendu dans l'environnement cible.
Exemple concret : inspecter un échantillon sans réclamer un nombre fixe d'artefacts générés
Créez un exemple de titre avec des espaces insécables délibérés, suivi d'un p vide et d'un paragraphe se terminant par deux éléments br. Affichez-le sur une largeur étroite dans les outils de destination ou du navigateur, puis inspectez la source ToolAcre pour localiser chaque caractère et nœud.
Supprimez uniquement les artefacts qui n'ont aucun objectif sémantique. Une adresse peut légitimement utiliser br, et un espace insécable peut correctement lier un nombre à une unité selon un guide de style. La question de l'examen est de savoir si le bloc sans retour ou vide exprime un sens ou compense simplement une mise en page temporaire.
Correction à la source, pas avec des hacks CSS - explique la suppression des habitudes plutôt que le style autour d'elles
Corrigez le contenu à sa source au lieu d'ajouter des sélecteurs CSS de plus en plus spécifiques pour les blocs vides. Supprimez les paragraphes d'espacement accidentels, remplacez les espaces décoratifs répétés par du texte normal et laissez le composant de page contrôler le rythme. Cela produit un comportement plus propre sur toutes les largeurs et thèmes.
N'introduisez pas une règle globale qui masque chaque paragraphe vide sans revoir les systèmes éditoriaux. Certains flux de travail peuvent en dépendre, même si cette dépendance doit être migrée. Une correction locale associée à un plan de migration mesuré est plus sûre qu'un correctif CSS masquant le contenu stocké inconnu.
Ce que cela ne couvre pas : systèmes d'espacement CSS ou nettoyage en masse sur un site
Cet article ne définit pas de système d'espacement des sites, de nettoyage de base de données en masse ou de règles de typographie universelles. Il ne promet pas quelles entités le décodeur local reconnaît au-delà des cas testés, et évite de déclarer que tous les doubles espaces visuels proviennent d'une seule application.
Cela n'équivaut pas non plus à une source nettoyée avec du HTML hostile et sûr. Le bac à sable d'aperçu de ToolAcre et la liste autorisée étroite ont des limites explicites. La publication sur le serveur nécessite toujours un assainissement approprié, tandis que l'exactitude réactive nécessite un rendu de destination et une vérification de l'accessibilité.
À retenir : lisez le balisage une fois par brouillon – résume la liste de contrôle et comment l'éditeur HTML WYSIWYG de ToolAcre rend visibles les entités et les blocs vides.
Lisez le balisage une fois par brouillon, en particulier après un collage riche et des pressions répétées sur Entrée. Recherchez les caractères sans retour à la ligne, les blocs vides et les sauts de fin, puis décidez si chacun a un sens. Les petits artefacts deviennent coûteux lorsqu'ils sont multipliés dans une archive et sur plusieurs thèmes.
ToolAcre rend visible la structure acceptée et peut réécrire les bagages non pris en charge, mais les artefacts d'espacement valides restent une responsabilité éditoriale. Supprimez-les délibérément, préservez les pauses légitimes et testez le canal final. Une source propre et un CSS résilient fonctionnent ensemble ; aucun des deux ne peut déduire automatiquement l’autre.