gratis online HTML-kode editor med øjeblikkelig live previe.. Indtast din kode i editoren, og se forhåndsvisningen ændre sig, mens du skriver. Sammensæt dine dokumenter nemt uden at installere noget program.
Der er en anden online HTML-editor, der er ved hjælp af en WYSIWYG visuelle editor er knyttet til source-editoren, men vi fandt det nødvendigt at oprette en separat komponist hvor TinyMCE er ikke overskrive fejl og giver mere frihed og kontrol., Denne særlige editor korrigerer vores kode hver gang, når vi betragter noget som en fejl, selvom vi ikke ønskede det. Nu kan vi bruge ikke-standard tags og attributter, ASP.NET mærker og meget mere.
Sådan bruges HTML-kodeditoren?
du vil se kildeditoren forudfyldt med en demotekst, når du indlæser websiteebstedet for allerførste gang, så du kan eksperimentere med værktøjet. Indlæs denne tekst, når som helst du vil bruge det tildelte menupunkt. For at åbne et nyt tag skal du bruge listen over tekstområdet. Luk de åbne tags ved at klikke på knappen Luk i højre side af det øverste afsnit., Dette lukker elementerne en efter en i omvendt åbningsrækkefølge.
det vigtigste HTML-komponeringsområde bruger syntaksfremhævning for at gøre markeringssprogmærkerne let at skelne og mere læsbare. Mængden af tegn vises sammen med de vigtigste kontrolknapper: Fortryd, ny side, skriftstørrelsesjustering, kompressor og den vigtigste HTML-Rengøringsknap, der udfører alle markerede rengøringsmuligheder.
previe. – området er placeret på højre side af kildeditoren, og ændringerne afspejles her øjeblikkeligt for at gøre HTML-komponering mere menneskelig venlig., Dette afsnit bruger Bootstrap CSS, som giver dig mulighed for at bruge stilarterne i de mest populære front-end rammer.rulning længere nede kan du finde mange nyttige integrerede værktøjer. Brug tagguiden til at udføre bulkoperationer på koden. Efter kolonnen first tag name list er der yderligere muligheder for at oprette nye tags, erstatte dem, slette dem helt med deres indhold, kun fjerne tags, slette tagattributterne for bestemte tags, og det er muligt at konvertere tabeller og lister til strukturerede div-elementer., Udover de foruddefinerede iframe, tabel, link, span, billede, form og liste tags kan du definere og manipulere yderligere tags indtaste dem i indtastningsfelterne. Hvert tag guiden handling kan udføres individuelt med den lille play-knapperne, eller de kan være sat aktiv kontrol af grå prikker og anvende dem alle sammen med main-knappen i øverste højre hjørne af vinduet.
de mest basale HTML-rengøringsfunktioner er tilgængelige og kan anvendes en efter en eller alle aktive indstillinger på samme tid., Ryd ud inline stilarter, uønskede klasser og ID ‘ er, tomme tags, tags, der indeholder kun Nonn ikke-breaking plads, successive mellemrum, kommentarer. Du kan også slippe af med alle tagattributter (undtagen src for billeder og href af ankermærker) eller fjerne alle tags med et museklik, hvilket gør dokumentet til en almindelig tekst.
udskiftningsværktøjet kan se og udveksle tekstbits i hele dokumentet, indholdet, tagattributterne, stilarterne eller i klasserne / id ‘ erne. Dette understøtter ikke regulære udtryk.,
farvevælgeren er en anden vigtig funktion i HTML-kodeditoren, som lader os nemt vælge den ønskede farve og gemme dem til senere brug. De mest almindelige kodestykker kan nemt kopieres i editoren.
den volapykiske tekstgenerator udfylder redaktøren eller det tildelte område på siden med nogle grundlæggende Lorem Ipsum-afsnit.
nyttige tips
Gem en sikkerhedskopi af indholdet, og gem altid arbejdet.
sørg for at validere HTML-kodenfør udgivelse for at undgå fejl.
Læs om alle de dårlige HTML-praksis her.,
brug CSS nedenfor til at style divs konverteret fra tabeller: