10 best free online html editors
Prečítajte si túto informatívnu recenziu a porovnanie najlepších online editorov HTML a nástrojov na testovanie a vyberte najlepší editor HTML pre vaše požiadavky:
Editor kódu HTML je editor, ktorý pomáha pri písaní kódu. Súbory HTML je možné vytvárať pomocou jednoduchých textových editorov, ako je napríklad poznámkový blok.
Používanie editorov kódu HTML vám však pomôže, keď budete pomáhať s kódom, pridáte do značiek „uzatváracie zátvorky“ a zvýrazníte a farebne kódujete. Zvýraznenie a farebné kódovanie pomôže pri aktualizácii súboru. Editori kódu HTML zvýšia rýchlosť písania.
WYSIWYG je skratka pre to, čo vidíte, to, čo dostanete . S týmito editormi môžete pracovať na webovej stránke bez väčších znalostí kódovania HTML. Na stránke s výsledkami môžete zmeniť komponent a editor ho premietne do kódu, alebo editor vytvorí kód pre rovnaké výsledky. Títo editori poskytujú výsledky v reálnom čase a pomocou funkcie drag and drop aktualizujú túto stránku s výsledkami.
Bežné vlastnosti editorov kódu HTML sú:
- Automatické dokončovanie.
- Pridanie knižnice pre entity HTML.
- Pomocou nástroja Site Explorer môžete súbory zobraziť v hierarchickom vzore.
- Niektorí redaktori majú zabudované FTP na rýchlejšie nahrávanie súborov.
- Pokročilé editory HTML poskytujú podporu pre ďalšie jazyky, ako sú CSS a JavaScript.
- Väčšina editorov poskytuje zobrazenie na rozdelenej obrazovke, ktoré vám pomôže zobraziť výstup vášho kódu na pol obrazovke a skutočný kód v druhej polovici obrazovky. Nie je potrebné meniť okná.
- Vyhľadať a nahradiť funkciu. Túto funkciu je možné rozšíriť podľa editora kódu HTML. Pokročilá funkcia vám umožní vyhľadať konkrétne slovo alebo kľúčové slovo v konkrétnom súbore alebo na celej webovej stránke.
- Ďalšou dôležitou vlastnosťou je zvýraznenie syntaktických chýb.
K dispozícii je veľa online editorov kódov HTML. Títo editori vynechajú potrebu inštalácie softvéru a nastavenia prostredia. Väčšina z týchto editorov tiež poskytuje základné funkcie zadarmo. A za pokročilejšie funkcie budete musieť zaplatiť nejaké peniaze, ale to je voliteľné a záleží to na vašich potrebách.
= >> Kontaktuj nás navrhnúť zoznam tu.Čo sa dozviete:
Zoznam najlepších editorov / testerov HTML
- JSFiddle
- JS Bin
- Adobe Dreamweaver
- Codepen
- Šálka kávy
- KompoZer
- BlueGriffon
- CKEditor
- Dabblet
- CSSDesk HTML editor
Porovnanie najlepších editorov HTML
Podporované jazyky | Funkcia | Plošina | cena | |
---|---|---|---|---|
BlueGriffon | HTML CSS | Varovania týkajúce sa počtu slov Výber farieb pre Windows a Linux | Windows Linux Mac OS | K dispozícii je bezplatná verzia Základná licencia 87 dolárov |
JSFiddle | HTML CSS JavaScript | Môže kódovať v rôznych verziách jazykov. | Cloudové | zadarmo |
JS Bin | HTML CSS JavaScript | HTML na text Testuje sa na mobile | Webové | zadarmo |
Adobe Dreamweaver | HTML CSS JavaScript | Tipy pre kód Syntax Zvýraznenie Sfarbenie kódu | Windows Mac | 20,99 dolárov |
Codepen | HTML CSS JavaScript | Ochrana osobných údajov Nahranie súboru Projekty Nástroj na vloženie Výstup na viacerých zariadeniach Režim profesora | Cloudové | zadarmo Štartér: 8 dolárov Vývojár: 12 dolárov Super: 26 dolárov Tímy: 12 dolárov mesačne na člena. |
Šálka kávy | HTML CSS PHP Markdown | Náhľad rozdelenej obrazovky Zabudovaný FTP Editor WYSIWYG | Windows | 49 dolárov. K dispozícii je bezplatná skúšobná verzia |
KompoZer | HTML CSS | Zabudovaný FTP Správa stolov Správa formulárov | Cross-platform | zadarmo |
CKEditor | HTML a textový editor | Spolupráca Podpora viacerých prehliadačov | - | 5 používateľov: zadarmo 50 používateľov: 65 dolárov 100 používateľov: 110 dolárov |
Dabblet | HTML CSS | Predpony nie sú potrebné | Webové | zadarmo |
CSSDesk HTML editor | HTML CSS JavaScript | Vytvorenie príspevku v galérii CSS Desk Vytváranie a sledovanie kódových záznamov | Webové | zadarmo Ďalšie funkcie dostupné v platenej verzii. |
# 1) JSFiddle
JSFiddle je online editor HTML. Podporuje HTML, CSS a JavaScript. Útržky kódu v aplikácii JS Fiddle sa nazývajú husle.
Vlastnosti:
- Umožňuje vám zvoliť rôzne verzie alebo typy jazykov. Napríklad, na paneli HTML môžete vybrať typ dokumentu z niekoľkých možností, ako sú HTML 5, XHTML 1.0 Strict a HTML 4.01 Transitional atď.
- JavaScript umožňuje načítať knižnicu.
Klady:
- Jednoduché použitie.
- Okrem HTML, CSS a JavaScript poskytuje podporu aj pre rámce JavaScriptu.
Zápory:
- Nemá pokročilé funkcie ako Codepen.
- Má rušivé reklamy.
Náklady na nástroj / podrobnosti plánu: zadarmo
Webová stránka: JSFiddle
# 2) JS Bin
JS Bin je online editor HTML kódov. Podporuje HTML, CSS a JavaScript. Funguje rýchlo a poskytuje mnoho funkcií, ako sú automatické koncové zátvorky, zvýraznenie zátvoriek atď.
Vlastnosti:
- Svoj kód HTML môžete exportovať do textového súboru.
- Ukáže vám výstup vášho kódu v reálnom čase.
- Podporuje testovanie na mobilných zariadeniach.
- Poskytuje ďalšie dve funkcie, ako je casting kódu a vlastný začiatočný kód.
- Všetky vyššie uvedené funkcie sú pre bezplatnú verziu. Pre profesionálnu verziu poskytuje ďalšie doplnkové funkcie, ako napríklad Dropbox Sync, súkromné koše, Vanity URL a e-mailová podpora atď.
Klady:
- Podporuje klávesové skratky.
- Panel môžete skryť.
Zápory:
- S bezplatnou edíciou ponúka obmedzené funkcie.
- Zobrazuje varovania v reálnom čase iba pre JavaScript.
Náklady na nástroj / podrobnosti plánu: K dispozícii je bezplatná verzia. A profi verzia začína od 130 dolárov ročne alebo 17 dolárov mesačne.
Webová stránka: JSBin
# 3) Adobe Dreamweaver
Adobe Dreamweaver je nástroj na vývoj webových stránok. Pre novšie verzie podporuje CSS, JavaScript a niektoré programovacie jazyky na strane servera. Môže byť použitý v systémoch Windows a Mac OS.
Vlastnosti:
- Zvýrazňovanie syntaxe (verzia 5 a vyššia).
- Tipy pre kód.
- Vyfarbenie kódu pomáha pri aktualizácii kódu.
- Môžete vytvoriť webovú stránku, ktorá sa prispôsobí akejkoľvek veľkosti obrazovky.
Klady:
- Môžete si pozrieť výstup pod svojim kódom, nie je potrebné prepínať okno.
- Zvýrazňovanie chýb.
Zápory:
čo je xml súbor a ako ho otvorím
- Nie je možné ho použiť v systémoch Linux.
- Neposkytuje prehľad založený na prehliadači.
Náklady na nástroj / podrobnosti plánu: 20,99 dolárov mesačne
Webová stránka: Adobe Dreamweaver
# 4) Codepen
Codepen je online editor HTML kódov. Môže byť použitý pre skripty HTML, CSS a Java. Codepen môžete používať s tímami, na vzdelávanie a písanie.
Vlastnosti:
- Codepen vám umožňuje udržiavať súkromie.
- Podporuje nahranie ľubovoľného súboru, napríklad obrázka, pdf, JavaScriptu, CSS alebo dokonca súboru krátkeho filmu.
- Poskytuje funkciu projektov, ktorá je ako IDE. Má automatické predbežné spracovanie, nahrávanie súborov, nasadenie webu a mnoho ďalších funkcií.
- Výstup vášho kódu môžete vidieť na viacerých zariadeniach a počítačoch.
- Pomocou nástroja Embed Builder môžete vytvárať témy.
- Režim Professor poskytuje mnoho funkcií, ako napríklad zdieľanie kódu a výstup v reálnom čase so študentmi a skupinový chat. Študenti si môžu túto prácu uložiť a získať kópiu.
Klady:
- Ak potrebujete pomoc so svojím kódom, tím Codepen poskytuje pomoc prostredníctvom chatu Spectrum.
- Súbor môžete presunúť presunutím a presunutím. Ľahko sa používa.
Zápory:
- Poskytuje veľmi málo funkcií bezplatného plánu.
Náklady na nástroj / podrobnosti plánu: Má plány pre jednotlivcov aj tímy
Pre jednotlivcov má tieto plány:
- Plán zadarmo.
- Ročný štartér: 8 dolárov mesačne.
- Ročný vývojár: 12 dolárov mesačne.
- Ročný super: 26 dolárov mesačne.
- Pre tímy: 12 dolárov mesačne na člena.
Webová stránka: Codepen
# 5) CoffeeCup
Je to editor HTML pre operačný systém Windows. Podporuje vytváranie nových súborov HTML a CSS. Môžete tiež pracovať na ľubovoľnom existujúcom webe.
Vlastnosti:
- Môže vykonávať úpravy WYSIWYG.
- Má niektoré existujúce témy a je pripravené na použitie.
- Poskytuje kompatibilitu medzi rôznymi prehliadačmi.
- Poskytuje referenciu značky a doplnenie kódu.
- Funkcia ukážky rozdelenej obrazovky vám umožňuje vidieť výstup kódu pod ním.
- Má zabudovaný FTP nakladač.
Klady:
- Okrem HTML podporuje CSS, PHP a Markdown.
- Motívy sú prispôsobiteľné a reagujú na ne.
Zápory:
- Nie je to ani cloudový nástroj, ani nepodporuje iný operačný systém ako Windows.
Náklady na nástroj / podrobnosti plánu: 49 dolárov. K dispozícii je bezplatná skúšobná verzia.
Webová stránka: CofeeCup
# 6) KompoZer
KompoZer je editor WYSIWYG pre HTML. KompoZer je ako nová verzia Nvu. Opravil veľa chýb a pridal nové funkcie do Nvu. Pretože je založený na Nvu, používa kódovú základňu Mozilla Composer. Je to nástroj otvoreného zdroja.
Vlastnosti:
- Má zabudovaný FTP.
- Má správu tabuliek, správu formulárov a podporu viacerých webových stránok.
- Pomocou funkcie správy tabuľky môžete vytvoriť tabuľku. Môžete zmeniť veľkosť tabuľky a pridať do nej riadky.
- Poskytuje šablóny.
Klady:
- Jednoduché použitie.
- Ukazuje výstup v reálnom čase.
Zápory:
- Jeho vývoj je v súčasnosti zastavený.
Náklady na nástroj / podrobnosti plánu: Zadarmo.
Webová stránka: KompoZer
# 7) BlueGriffon
BlueGriffon je webový editor pre Windows, Linux a Mac. Môže byť použitý pre HTML a CSS. Mnoho funkcií je k dispozícii prostredníctvom doplnkov.
Vlastnosti:
- Podporuje HTML 5 (HTML a XML) dokonca aj pre audio, video a formuláre.
- Má dve možnosti tém, čiernu a svetlú.
- Poskytuje varovania pred počtom slov.
- Kvapkadlo a výber farieb pre Windows a Linux.
Klady:
- Robustné použitie.
Zápory:
- Musíte si kúpiť užívateľskú príručku. Je k dispozícii so základnou licenciou a nie s bezplatnou verziou.
Náklady na nástroj / podrobnosti plánu:
- K dispozícii je bezplatná verzia.
- Základná licencia začína na 87 dolárov.
Webová stránka: BlueGriffon
# 8) CKEditor
Je to textový editor s funkciou WYSIWYG. Má možnosti formátovania výstupu HTML. Umožní vám to písať priamo na webové stránky.
Vlastnosti:
- Podporuje viac prehliadačov ako Chrome, Firefox, Safari a Microsoft Edge atď.
- Funkcie správy tabuľky, ako je zmena veľkosti veľkosti stĺpca.
- Podporuje klávesové skratky.
- Formátovanie výstupu HTML pre značky HTML.
Klady:
- Kontrola pravopisu.
- Automatické dokončovanie.
Náklady na nástroj / podrobnosti plánu:
- Je zadarmo až pre 5 používateľov.
- Až 50 používateľov začína na 65 dolároch.
- Až pre 100 používateľov to začína na 110 dolárov a podobne. Môžete skontrolovať ceny od tu .
Webová stránka: Redaktori CK
# 9) Dabblet
Dabblet je online editor HTML kódov. Používa sa skôr pre CSS. Ak chcete používať Dabblet, musíte sa prihlásiť do služby GitHub alebo si vytvoriť účet na GitHub.
kde môžem sledovať anime zadarmo online
Vlastnosti:
- K svojmu kódu nie je potrebné pridávať predpony.
- Môže spracovávať prvky s atribútmi štýlu.
- Môže spracovať každú šablónu so štýlmi.
Klady:
- Môžete upraviť nastavenia zobrazenia.
- Môžete nastaviť veľkosť písma.
Zápory:
- Obmedzená podpora prehliadača. Môže byť použitý v IE9 +, Opera10 +, Chrome a Safari 4+. Toto je pre pracovnú plochu. Pre mobilné prehliadače poskytuje podporu pre Safari, prehliadač Android, Opera Mobile a Chrome.
- Nepodporuje JavaScript.
Náklady na nástroj / podrobnosti plánu: zadarmo
Webová stránka: Dabblet
# 10) CSSDesk HTML Editor
Je to online editor HTML kódov. Poskytuje podporu pre HTML, CSS a JavaScript. Kód si môžete stiahnuť v súbore.
Vlastnosti:
- Poskytuje podporu pre kódovanie v reálnom čase s mnohými ľuďmi.
- Podporuje vytváranie, sledovanie a vysielanie kódov. Codecast je nahrávka kódu zadaného v editore. Môže to byť záznam kódu zadaného ostatnými.
- Náš výtvor môžete zverejniť v galérii CSS Desk.
Klady:
- Podporuje zdieľanie testovacích prípadov s kolegami na fórach a so StackOverflow.
- Poskytuje pomoc pre testovacie prípady.
- Svoju prácu môžete ľahko zdieľať na Twitteri a Facebooku.
Náklady na nástroj / podrobnosti plánu: Registrácia je bezplatná, ale pre pokročilejšie funkcie ich možno budete musieť kontaktovať.
Webová stránka: CSSDesk HTML editor
Ďalšie nástroje
# 11) TinyMCE: Jedná sa o textový editor s otvoreným zdrojovým kódom a bohatými funkciami. Je navrhnutý tak, aby sa dal ľahko integrovať do knižníc JavaScriptu. Podporuje viac prehľadávačov a operačné systémy.
Webová stránka: TinyMCE.
# 12) Súprava HTML: Tento editor kódu HTML podporuje iba operačný systém Windows. Pre jazyky podporuje HTML, XHTML a XML. K dispozícii je jeho skúšobná verzia. Môžete si ho kúpiť za cenu už od 49 dolárov.
Webová stránka: Súprava HTML
# 13) Mobirise: Mobirise je tvorca webových stránok. Pre kompletnú tvorbu webových stránok podporuje funkciu drag and drop. Takže pomocou tohto nástroja môžete vytvoriť webovú stránku bez kódovania. Je k dispozícii zadarmo.
Webová stránka: Mobirise
# 14) Google Web Designer: Podporuje HTML5. Môže byť použitý v systémoch Windows, Linux a Mac OS. Špeciálne sa používa na vytváranie reklám HTML5 a obsahu HTML5.
Webová stránka: Google Web Designer
# 15) Microsoft FrontPage: Je to editor WYSIWYG pre Windows od spoločnosti Microsoft. Nahradili ho dvaja editori, Microsoft Expression Web a SharePoint Designer (toto je pre stolné počítače), ktoré tiež nahradil SharePoint Designer, ktorý je založený na webe.
Webová stránka: Microsoft FrontPage
Ostatné online editory HTML
Editor HTML | Popis |
---|---|
Real HTML editor | Je to online editor HTML v reálnom čase. |
Online editor HTML | Má tiež editor WYSIWYG. Poskytuje mnoho možností, ako je veľkosť písma, výber farieb atď. Poskytuje prevodník dokumentov. Ktorý podporuje akýkoľvek dokument (PDF, Excel atď.) Na konverziu do HTML. Môžete ľahko pridávať obrázky, tabuľky, nadpisy atď. Je k dispozícii aj možnosť Späť. Môžete ho používať zadarmo. Ak chcete ďalšie funkcie, môžete ísť s platenou verziou, ktorá je pro-HTMLG. |
Online editor WYSIWYG HTML | Môže prevádzať akýkoľvek súbor do HTML. Tento editor je ľahko použiteľný. Demo je k dispozícii zadarmo. Aby ste však mohli využívať všetky tieto funkcie, musíte si predplatiť predplatné za cenu približne 10 dolárov. |
HTML webový editor | Poskytuje mnoho funkcií, ako je zvýraznenie syntaxe, úprava veľkosti písma. Poskytuje tiež veľa možností na komprimáciu kódu. Podporuje viac prehliadačov. Nevyžaduje žiadne predplatné. |
Online okamžitý editor HTML a čistič | Má tiež editor WYSIWYG. Získate výstup v reálnom čase. Poskytuje zvýraznenie syntaxe a veľa možností čistenia. Môže prevádzať akýkoľvek súbor do HTML. Podporuje HTML, CSS a JavaScript. Je k dispozícii zadarmo. Jeho verzia Pro je to, čo sme videli v druhom riadku tejto tabuľky. |
Online editor HTML Froala | Má tiež editor WYSIWYG. Tu získate výstup v reálnom čase. Podporuje rôzne prehliadače a rôzne platformy. Môže prevádzať z aplikácie Microsoft Word do formátu HTML. Má funkciu Čistenie. Je k dispozícii zadarmo. |
Šablóny online editora HTML | Poskytuje bezplatné stiahnuteľné šablóny. Ľahko sa používa. Bez kódovania môžete vyvíjať stránku HTML. |
Editor WYSIWYG | Má editor WYSIWYG. Uvidíte, že zmeny sa prejavia okamžite. Je k dispozícii zadarmo. K dispozícii je tiež nástroj na tvorbu webových stránok. Funguje tiež v režime offline. |
Okamžitý editor kódu HTML | Je to online editor HTML, ktorý vám pomôže vidieť výstup v reálnom čase. Poskytuje sprievodcu značkami a mnoho funkcií na čistenie. Môže byť použitý zadarmo. |
Záver
JSFiddle je cloudový nástroj a je k dispozícii zadarmo. Codepen je komerčný nástroj, ale ponúka dobré vlastnosti za cenu. Codepen a JSFiddle sú medzi vývojármi populárne.
CoffeeCup je editor HTML pre operačný systém Windows. Ak nechcete pracovať s online alebo cloudovým editorom kódov HTML, je najlepšou voľbou CoffeeCup. BlueGriffon ponúka dobré vlastnosti so spoplatnenou možnosťou. Všetci ostatní editori kódu HTML uvedení v tomto tutoriále sú na hornej pozícii.
Ktorýkoľvek z týchto nástrojov si môžete vybrať na základe svojich požiadaviek a možností editora kódu HTML.
= >> Kontaktuj nás navrhnúť zoznam tu.Odporúčané čítanie
- Najlepšie nástroje na testovanie softvéru 2021 [QA Test Automation Tools]
- 14 najlepších online študijných programov v odbore počítačové inžinierstvo (zoznam 2021)
- Top 10 nástrojov na nepretržité testovanie na testovanie DevOps [zoznam 2021]
- 15 najpopulárnejších online nástrojov na validáciu HTML v roku 2021
- Najlepšie 30+ nástroje na testovanie webových aplikácií v roku 2021 (komplexný zoznam)
- Najlepšie 7 NAJ spoločností v oblasti analýzy údajov v roku 2021 [aktualizovaný zoznam 2021]
- 10 NAJLEPŠÍCH nástrojov APM (nástroje na sledovanie výkonu aplikácií v roku 2021)
- Top 10 Data Science Tools in 2021 to Eliminate Programming