gratis online HTML code editor met instant live preview. Voer uw code in de editor en zie het voorbeeld veranderen terwijl u typt. Stel uw documenten gemakkelijk zonder het installeren van een programma.
er is een andere online HTML-editor die een WYSIWYG visuele editor gebruikt die gelinkt is aan de bron-editor, maar we vonden het nodig om een aparte composer te maken waar de TinyMCE de fouten niet overschrijft en meer vrijheid en controle geeft., Die specifieke editor corrigeert onze code elke keer als iets als een fout beschouwt, zelfs als we dat niet wilden. Nu kunnen we niet-standaard tags en attributen gebruiken, ASP.NET tags en meer.
hoe de html-code-editor te gebruiken?
u zult de bron editor zien die vooraf is gevuld met een demo tekst wanneer u de website voor de eerste keer laadt, zodat u kunt experimenteren met het gereedschap. Laad deze tekst wanneer u maar wilt met behulp van de toegewezen menuoptie. Om een nieuwe tag te openen Gebruik je de lijst boven het tekstgebied. Sluit de geopende tags door te klikken op de knop sluiten aan de rechterkant van het bovenste gedeelte., Dit zal de items één voor één sluiten in omgekeerde openingsvolgorde.
het belangrijkste HTML-componeergebied gebruikt syntaxismarkering om de opmaaktaaltags gemakkelijk te onderscheiden en leesbaarder te maken. Het aantal tekens wordt weergegeven samen met de belangrijkste bedieningsknoppen: ongedaan maken, nieuwe pagina, lettergrootte regelaar, compressor en de belangrijkste HTML Cleaning knop die alle aangevinkte schoonmaak opties uitvoert.
het voorbeeldgebied bevindt zich aan de rechterkant van de bronbewerker en de wijzigingen worden hier direct weergegeven OM HTML-componeren mensvriendelijker te maken., Deze sectie gebruikt de Bootstrap CSS, waarmee u de stijlen van de meest populaire front-end framework kunt gebruiken.
verder naar beneden scrollen vindt u vele nuttige geà ntegreerde tools. Gebruik de tagwizard om bulkbewerkingen uit te voeren op de code. Na de eerste tag Naam Lijst kolom zijn er extra opties om nieuwe tags te maken, te vervangen, ze volledig te verwijderen met hun inhoud, verwijder alleen de tags, verwijder de tag attributen van bepaalde tags en het is mogelijk om tabellen en lijsten te converteren naar gestructureerde div-elementen., Naast de vooraf gedefinieerde iFrame, table, link, span, image, form en list tags die u kunt definiëren en manipuleren verdere tags invoeren in de invoervelden. Elke tag wizard actie kan individueel worden uitgevoerd met de kleine play knoppen of ze kunnen worden ingesteld actief controleren van de grijze stippen en toepassen ze allemaal samen met de hoofdknop in de rechterbovenhoek van het venster.
de meest elementaire HTML-Opschoningsfuncties zijn beschikbaar en kunnen één voor één of alle actieve opties tegelijkertijd worden toegepast., Verwijder inline stijlen, ongewenste klassen en ID’ s, lege tags, tags met slechts één Niet-afbrekende spatie, opeenvolgende spaties, opmerkingen. U kunt ook ontdoen van alle Tag attributen (behalve de src van afbeeldingen en href van anker tags) of verwijder elke tags met een muisklik, waardoor het document een platte tekst.
het hulpprogramma vervangen kan tekstbits bekijken en uitwisselen in het hele document, de inhoud, de tag-attributen, de stijlen of in de klassen/ID ‘ s. Dit ondersteunt geen reguliere expressies.,
de kleurkiezer is een ander belangrijk kenmerk van de HTML-code-editor waarmee we eenvoudig de gewenste kleur kunnen selecteren en opslaan voor later gebruik. De meest voorkomende codefragmenten kunnen eenvoudig worden gekopieerd-geplakt in de editor.
De gibberish text generator vult de editor of het toegewezen gebied op de pagina met enkele fundamentele Lorem Ipsum alinea ‘ s.
handige tips
bewaar een back-up van de inhoud en sla altijd de voortgang van het werk op.
Zorg ervoor dat u de html-codevalideert voor het publiceren om fouten te voorkomen.
Lees hier meer over alle slechte HTML-praktijken.,
gebruik onderstaande CSS om de DIV ‘ s geconverteerd uit tabellen op te maken: