editor de cod HTML online gratuit cu previzualizare live instantanee. Introduceți codul în editor și vedeți previzualizarea schimbându-se pe măsură ce tastați. Compuneți documentele cu ușurință fără a instala niciun program.
există un alt editor HTML online care utilizează un editor vizual WYSIWYG legat de editorul sursă, dar am considerat necesar să creăm un compozitor separat în care TinyMCE nu suprascrie erorile și oferă mai multă libertate și control., Acest editor special corectează codul nostru de fiecare dată când consideră ceva o eroare, chiar dacă nu am vrut asta. Acum putem folosi etichete și atribute non-standard, ASP.NET etichete și multe altele.
cum se utilizează editorul de cod HTML?
veți vedea editorul sursă pre-populat cu un text demo atunci când încărcați site-ul pentru prima dată, permițându-vă să experimentați cu instrumentul. Încărcați acest text oricând doriți folosind opțiunea de meniu alocată. Pentru a deschide o nouă etichetă, utilizați lista de deasupra zonei de text. Închideți etichetele deschise făcând clic pe butonul închidere din partea dreaptă a secțiunii de sus., Aceasta va închide elementele unul câte unul în ordine inversă de deschidere.
zona principală de compunere HTML folosește evidențierea sintaxei pentru a face etichetele limbajului de marcare ușor de distins și mai ușor de citit. Cantitatea de caractere este afișată împreună cu butoanele principale de control: anulare, pagină nouă, Ajustor pentru dimensiunea fontului, compresor și butonul principal de curățare HTML care execută toate opțiunile de curățare verificate.
zona de previzualizare este situată în partea dreaptă a editorului sursă, iar modificările sunt reflectate aici instantaneu pentru a face compunerea HTML mai prietenoasă pentru oameni., Această secțiune utilizează Bootstrap CSS, care vă permite să utilizați stilurile celui mai popular cadru front-end.derulând mai jos puteți găsi multe instrumente integrate utile. Utilizați Expertul pentru etichete pentru a efectua operațiuni în bloc pe cod. În urma primei coloane a listei de nume de etichete, există opțiuni suplimentare pentru a crea etichete noi, a le înlocui, a le șterge complet cu conținutul lor, a elimina doar etichetele, a șterge atributele etichetelor anumitor etichete și este posibil să convertiți tabele și liste în elemente div structurate., Pe langa iframe predefinite, tabel, link-ul, span, imagine, forma și lista tag-uri puteți defini și manipula tag-uri suplimentare care le introduc în câmpurile de intrare. Fiecare acțiune tag wizard poate fi executată individual cu butoanele Little play sau pot fi setate activ verificând punctele gri și aplicându-le pe toate împreună cu butonul principal din colțul din dreapta sus al ferestrei.cele mai de bază caracteristici de curățare HTML sunt disponibile și pot fi aplicate una câte una sau toate opțiunile active în același timp., Șterge stiluri inline, clase nedorite și ID-uri, tag-uri goale, tag-uri care conțin doar un singur spațiu non-rupere, spații succesive, comentarii. De asemenea, puteți scăpa de toate atributele etichetelor (cu excepția src-ului imaginilor și href-ului etichetelor ancora) sau puteți elimina fiecare etichetă cu un singur clic de mouse, făcând documentul un text simplu.
instrumentul înlocuire poate căuta și interschimba biți de text în întregul document, conținutul, atributele etichetei, stilurile sau în clase/ID-uri. Acest lucru nu acceptă expresii regulate., selectorul de culori este o altă caracteristică importantă a editorului de coduri HTML care ne permite să selectăm cu ușurință culoarea dorită și să le salvăm pentru o utilizare ulterioară. Cele mai frecvente fragmente de cod pot fi ușor copiate în editor.
generatorul de text gibberish populează editorul sau zona alocată de pe pagină cu câteva paragrafe de bază Lorem Ipsum.
sfaturi utile
păstrați o copie de rezervă a conținutului și salvați întotdeauna progresul de lucru.
Asigurați-vă că validați codul HTML înainte de publicare pentru a evita erorile.
citiți despre toate practicile HTML proaste aici.,
utilizați CSS de mai jos pentru a stiliza divs-urile convertite din tabele: