Éditeur HTML gratuit en ligne, nettoyeur et convertisseur
Convertissez tout document pour nettoyer le HTML. Ce formateur de code en ligne gratuit vous aidera à composer vos documents rapidement et facilement. Vous pouvez prévisualiser et ajuster le document visuel et le code source côte à côte. Modifiez l'un de ces champs et les modifications apparaîtront instantanément dans l'autre lorsque vous saisissez.
Éditeur WYSIWYG "ce que vous voyez est ce que vous obtenez"
Le fonctionnement de cet éditeur de mots visuels est très intuitif. Il se comporte comme Microsoft Word, Open office ou tout autre éditeur de texte riche et il vous aide à prévisualiser l'apparence de vos éléments lorsque vous publiez votre article sur un site Web. Veuillez noter que l'apparence exacte peut être différente, selon le fichier CSS du site.
Éditeur de code source
La syntaxe a mis en évidence l'éditeur de code HTML avec de nombreuses fonctionnalités utiles, telles que:
- Compteur de numéro de ligne
- Mise en évidence de ligne active
- Mise en évidence de l'ouverture et balises de fermeture correspondantes
- Fermeture automatique des balises
- voir ci-dessous pour bien plus encore …
Options de nettoyage:
- Styles Inline – Dénudez chaque attribut de balise style . Il est recommandé d'utiliser un fichier CSS séparé pour le style.
- IDs & Classes – Supprime tous les attributs class et id . Une fonctionnalité utile lorsque vous migrez de l'article d'un site Web à un autre et que vous voulez vous débarrasser des classes exotiques.
- Balises vides – Efface les balises qui ne contiennent rien ou qui ne contiennent qu'un seul espace.
- Balises avec un seul espace – Efface les balises qui contiennent un espace unique, tel que <p> </p>
- Espaces répétés – Supprime les espaces répétés,ce qui est une mauvaise pratique consistant à déplacer le texte vers la droite et à définir des espaces dans le texte: <p> </p>
- Supprimer les commentaires – Débarrassez-vous des commentaires HTML: <!-- ... -->
- Attributs de balise – Efface tous les attributs de balise, y compris les styles, les classes, etc. Cette option n'affecte pas la src des images et l'attribut href des liens, sinon ces balises deviendraient inutiles.
- Pour le texte brut – Supprime toutes les balises, la mise en forme et laisse le texte brut.
Options de l'Éditeur HTML
Ouvrez le menu déroulant ▼ pour afficher les options de nettoyage. Les options cochées sont exécutées une fois que vous appuyez sur le bouton principal de nettoyage HTML. Appuyez sur l'icône du triangle rouge sur la droite pour n'en exécuter qu'une seule.
- Annuler – Restaurez le document à l'état précédent. Retournez à l'étape précédente si une option de nettoyage ne vous donne pas le résultat souhaité.
- Nouvelle page – Effacez le document entier pour commencer avec une page vierge.
- Compresser – Les onglets et les nouvelles lignes sont utilisés pour rendre un fichier HTML plus lisible pour les humains, mais ils n'affectent pas le rendu dans le navigateur Web. Supprimez ces caractères inutiles pour réduire la taille du fichier et accélérer le chargement de la page.
- Vue arborescente – Définissez la mise en retrait du texte pour mettre en surbrillance la hiérarchie des balises. Vous pouvez à nouveau rendre les documents compressés lisibles avec cette option.
- Encodage de caractères – Décidez si vous souhaitez encoder des caractères spéciaux ou non. Par exemple
- Contenu de la démo – Remplissez le tableau de bord avec un contenu de démonstration qui vous aide à expérimenter avec cet outil. La démo contient un en-tête, une table, une image, des paragraphes et d'autres éléments.
- Faites défiler les éditeurs ensemble – Par défaut, les deux éditeurs défilent ensemble lorsque le document est volumineux. Vous pouvez désactiver cette fonctionnalité.
- Ajouter du texte en charabia – Ajoute un paragraphe de "Lorem ipsum" à la fin de votre fichier. Appuyez à nouveau pour en ajouter un autre.
Cliquez ici Éditer ce texte ou coller votre document ici pour le convertir en HTML 😁
Cette démo vous permet de tester les fonctionnalités de cet éditeur. Tapez dans l'un des champs et voyez l'autre changer en temps réel!
Configurez les options de nettoyage et appuyez sur ▼ Nettoyer
Travailler avec l'un des éditeurs et voir l'autre changer en temps réel:
| Gauche : Prévisualiser | Droite : Code source |
| Prévisualisez l'apparence de votre document lors de sa publication. | Ajustez la syntaxe en surbrillance du code HTML. |
Consulter Pranx.com pour de belles farces en ligne.