Instant HTML-Kode Editor

Instant HTML-Kode Editor

Gratis online HTML-kode editor med chat live forhåndsvisning. Skriv inn koden din i editoren og se forhåndsvisning endre som du skriver. Komponere dokumenter enkelt uten å installere noe program.

Det er en annen online HTML-editor som ved hjelp av et WYSIWYG visual editor knyttet til kildekode editor, men vi fant det nødvendig å opprette en egen komponist hvor TinyMCE er ikke overskrive feil og gir mer frihet og kontroll., Som særlig redaktør korrigerer vår koden hver gang når du mener noe feil, selv om vi ikke ønsker det. Nå kan vi bruke ikke-standard tagger og attributter, ASP.NET koder og mer.

Hvordan å bruke HTML-kode editor?

vil Du se kildekode editor forhåndsutfylt med en demo-tekst når du bruker nettstedet for aller første gang, slik at du kan eksperimentere med verktøyet. Legg denne teksten som helst du ønsker å bruke den tildelte alternativ i menyen. For å åpne en ny kode kan du bruke listen over teksten området. Lukk de åpne kodene å klikke lukk-knappen helt til høyre side av den øverste delen., Dette vil lukke ett og ett element i omvendt åpner for.

De viktigste HTML-komponere-området er å bruke syntaks-utheving å gjøre markup language koder lett gjenkjennelig og mer lesbar. Mengden av tegn vises sammen med de viktigste kontroll-knapper: angre nye sider, font-size-regulator, kompressor og de viktigste HTML-Rengjøring-knappen som utfører alle sjekket rengjøring valg.

forhåndsvisning området ligger på høyre side av kildekode editor og endringene gjenspeiles her kjapt å lage HTML-skriver mer menneskelig profil., Denne delen er å bruke Bootstrap CSS, som lar deg bruke stiler av de mest populære front-end rammeverk.

Bla lenger ned kan du finne mange nyttige integrerte verktøy. Bruk koden for å utføre bulk operasjoner på koden. Etter den første merke navn kolonne er det flere alternativer for å lage nye koder, erstatte dem, slette dem helt med sitt innhold, må du fjerne bare tags, slette tag attributter av visse merker og det er mulig å konvertere tabeller og lister til strukturert div-elementer., I tillegg til de forhåndsdefinerte iframe, bord, link, span, bilde, form og listen koder du kan definere og manipulere videre tagger dem inn i feltene. Hver tag veiviseren handlingen kan utføres individuelt med den lille spille knapper eller de kan settes aktiv kontrollere grå prikker og bruke dem alle sammen med main-knappen i øverste høyre hjørne av vinduet.

Den mest grunnleggende HTML Rengjøring funksjoner er tilgjengelig og kan brukes enkeltvis eller alle aktive valg på samme tid., Tøm ut inline styles, uønskede klasser og id-ene, tom tags, etiketter som inneholder bare en non-breaking space, etterfølgende mellomrom, kommentarer. Du kan også bli kvitt alle tag attributter (unntatt src av bilder og href av anchor tags) eller fjern alle merker med ett museklikk, noe som gjør dokumentet som en vanlig tekst.

erstatt-verktøy kan se og samhandle tekst biter i hele dokumentet, innhold, tag attributter, stiler eller i klasser/ider. Denne ikke støtter regulære uttrykk.,

Den color picker er en annen viktig funksjon i HTML-kode editor, som lar oss lett velg ønsket farge, og lagre dem for senere bruk. Den vanligste kodebiter kan lett bli kopier-lim inn i editoren.

tullet tekst generator fyller redaktør eller avsatt område på siden med noen grunnleggende Lorem Ipsum avsnitt.

Nyttige tips

ha en sikkerhetskopi av innholdet og du må alltid lagre arbeidet pågår.
sørg for at du validere HTML codebefore publisering for å unngå feil.
Les om alle de dårlige HTML-praksis her.,

Bruke CSS nedenfor til å style den divs konvertert fra tabeller:

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *