éditeur de code HTML en ligne gratuit avec aperçu en direct instantané. Entrez votre code dans l’éditeur et voyez l’aperçu changer au fur et à mesure que vous tapez. Composez vos documents facilement sans installer de programme.
Il existe un autre éditeur HTML en ligne qui utilise un éditeur visuel WYSIWYG lié à l’éditeur source, mais nous avons jugé nécessaire de créer un compositeur séparé où TinyMCE n’écrase pas les erreurs et donne plus de liberté et de contrôle., Cet éditeur particulier corrige notre code chaque fois que nous considérons quelque chose comme une erreur, même si nous ne le voulions pas. Maintenant, nous pouvons utiliser des balises et des attributs non standard, ASP.NET tags et plus.
comment utiliser L’éditeur de code HTML?
vous verrez l’éditeur de source pré-rempli avec un texte de démonstration lorsque vous chargez le site web pour la toute première fois, vous permettant d’expérimenter avec l’outil. Chargez ce texte à tout moment à l’aide de l’option de menu allouée. Pour ouvrir une nouvelle balise utiliser la liste au-dessus de la zone de texte. Fermez les balises ouvertes en cliquant sur le bouton Fermer situé tout à droite de la section supérieure., Cela fermera les éléments un par un dans l’ordre d’ouverture inverse.
la principale zone de composition HTML utilise la coloration syntaxique pour rendre les balises de langage de balisage facilement distinguables et plus lisibles. Le nombre de caractères est affiché avec les boutons de contrôle principaux: annuler, nouvelle page, réglage de la taille de la police, compresseur et le bouton de nettoyage HTML principal qui exécute toutes les options de nettoyage cochées.
la zone de prévisualisation est située sur le côté droit de l’éditeur source et les modifications sont reflétées ici instantanément pour rendre la composition HTML plus conviviale., Cette section utilise le CSS Bootstrap, qui vous permet d’utiliser les styles du framework frontal le plus populaire.
en faisant défiler plus bas, vous trouverez de nombreux outils intégrés utiles. Utilisez l’Assistant tag pour effectuer des opérations en bloc sur le code. Après la première colonne de liste de noms de balises, il existe des options supplémentaires pour créer de nouvelles balises, les remplacer, les supprimer complètement avec leur contenu, supprimer uniquement les balises, supprimer les attributs de balises de certaines balises et il est possible de convertir des tables et des listes en éléments div structurés., Outre les balises iframe, table, link, span, image, form et list prédéfinies, vous pouvez définir et manipuler d’autres balises en les saisissant dans les champs de saisie. Chaque action de l’assistant de balise peut être exécutée individuellement avec les petits boutons de lecture ou ils peuvent être mis actif en vérifiant les points gris et les appliquer tous ensemble avec le bouton principal dans le coin supérieur droit de la fenêtre.
les fonctionnalités de nettoyage HTML les plus élémentaires sont disponibles et peuvent être appliquées une par une ou toutes les options actives en même temps., Effacez les styles en ligne, les classes et les ID indésirables, les balises vides, les balises contenant un seul espace non cassant, les espaces successifs, les commentaires. Vous pouvez également vous débarrasser de tous les attributs de balise (sauf Le src des images et le href des balises d’ancrage) ou supprimer toutes les balises en un seul clic de souris, ce qui rend le document en texte brut.
l’outil Remplacer peut rechercher et échanger des bits de texte dans l’ensemble du document, le contenu, les attributs de balise, les styles ou dans les classes / ID. Cela ne prend pas en charge les expressions régulières.,
le sélecteur de couleur est une autre caractéristique importante de L’éditeur de code HTML qui nous permet de sélectionner facilement la couleur souhaitée et de les enregistrer pour une utilisation ultérieure. Les extraits de code les plus courants peuvent facilement être copiés-collés dans l’éditeur.
le générateur de texte charabia remplit l’éditeur ou la zone allouée sur la page avec quelques paragraphes Lorem Ipsum de base.
conseils utiles
conservez une sauvegarde du contenu et enregistrez toujours l’avancement du travail.
assurez-vous de valider le code HTML avant la publication pour éviter les erreurs.
lire sur toutes les mauvaises pratiques HTML ici.,
utilisez le CSS ci-dessous pour styliser les divs convertis à partir de tables: