gratis online HTML code editor med omedelbar live preview. Ange din kod i redigeraren och se förhandsgranskningen ändras när du skriver. Komponera dina dokument enkelt utan att installera något program.
det finns en annan online HTML-editor som använder en WYSIWYG visual editor kopplad till källredigeraren, men vi fann det nödvändigt att skapa en separat kompositör där TinyMCE inte skriver över felen och ger mer frihet och kontroll., Den speciella redigeraren korrigerar vår kod varje gång som anser något ett fel, även om vi inte ville ha det. Nu kan vi använda icke-standardiserade taggar och attribut, ASP.NET taggar och mer.
Hur använder du HTML-kodredigeraren?
Du kommer att se källredigeraren förfylld med en demotext när du laddar webbplatsen för första gången, så att du kan experimentera med verktyget. Ladda den här texten när du vill använda det tilldelade menyalternativet. För att öppna en ny tagg, använd listan ovanför textområdet. Stäng de öppnade taggarna genom att klicka på Stäng-knappen på höger sida av den övre sektionen., Detta stänger objekten en efter en i omvänd öppningsordning.
det huvudsakliga HTML-komponeringsområdet använder syntaxmarkering för att göra märkningsspråktaggarna lätt urskiljbara och mer läsbara. Mängden tecken visas tillsammans med de viktigaste kontrollknapparna: ångra, ny sida, font-size adjuster, kompressor och huvud HTML Rengöringsknappen som utför alla kontrollerade rengöringsalternativ.
förhandsgranskningsområdet ligger på höger sida av källredigeraren och ändringarna återspeglas här direkt för att göra HTML-komponera mer mänsklig vänlig., Det här avsnittet använder Bootstrap CSS, som låter dig använda stilarna i den mest populära front-end-ramen.
rulla längre ner kan du hitta många användbara integrerade verktyg. Använd taggguiden för att utföra bulkoperationer på koden. Efter kolumnen första taggens namnlista finns det ytterligare alternativ för att skapa nya taggar, ersätta dem, ta bort dem helt med deras innehåll, Ta bort bara taggarna, ta bort taggattributen för vissa taggar och det är möjligt att konvertera tabeller och listor till strukturerade div-element., Förutom den fördefinierade Iframe, tabell, länk, span, bild, formulär och listtaggar kan du definiera och manipulera ytterligare taggar som anger dem i inmatningsfälten. Varje tag wizard-åtgärd kan utföras individuellt med de små play-knapparna eller de kan ställas in aktiv kontroll av de grå prickarna och applicera dem alla tillsammans med huvudknappen längst upp till höger i fönstret.
de mest grundläggande HTML-rengöringsfunktionerna är tillgängliga och kan användas en efter en eller alla aktiva alternativ samtidigt., Rensa ut inline stilar, oönskade klasser och ID, tomma taggar, taggar som innehåller endast en icke-breaking utrymme, successiva utrymmen, kommentarer. Du kan också bli av med alla taggattribut (förutom src av bilder och href av ankare taggar) eller ta bort varje taggar med ett musklick, vilket gör dokumentet en vanlig text.
ersätt-verktyget kan se och byta ut textbitar i hela dokumentet, innehållet, taggattributen, formatmallarna eller i klasserna / ID: n. Detta stöder inte reguljära uttryck.,
färgväljaren är ett annat viktigt inslag i HTML-kodredigeraren som låter oss enkelt välja önskad färg och spara dem för senare användning. De vanligaste kodavsnitten kan enkelt kopieras i redigeraren.
gibberish text generator fyller i redigeraren eller det tilldelade området på sidan med några grundläggande Lorem Ipsum-stycken.
användbara tips
behåll en säkerhetskopia av innehållet och spara alltid arbetsförloppet.
se till att du validerar HTML-kodföre publicering för att undvika fel.
Läs om alla dåliga HTML-metoder här.,
använd CSS nedan för att formatera divs konverterade från tabeller: