NeonHTML - besplatni HTML i CSS uređivač s vizualnim alatima. Razlikuje se u funkcionalnosti alata. Podržava XHTML. Omogućuje vam brzo i udobno uređivanje: isticanje sintakse, vizualno stvaranje oznaka u dijalozima. Većina alata ima pregled, promjena parametara odmah utječe na prikaz u pregledu. Ugrađen je preglednik s imitacijom različitih rezolucija i ljestvica. Alat za optimizaciju tražilice (SEO) i provjeru rangiranja web stranice. Alat za varijacije teksta pomoći će u promociji. Vrlo dobar rad s bojama - posebno kreirana paleta kao u grafičkim uređivačima, popis recentnih boja, lista boja stranica, brzo uređivanje boja jednim klikom, instant kreiranje stilskih parametara s odabirom boja, docker boja. Alati međusobno djeluju, čime se postiže brzo navikavanje na sučelje, praktičnost i velika brzina. Ne zamjenjuje tipkovnicu tamo gdje nije potrebna. Ne sadrži neželjene jelovnike.
________________________________________________________________________________
Podrška za glavne formate datoteka - html, css, js, php, shtml, txt i sve obične tekstualne datoteke
Standardiziran za uređivanje XHTML-a
Podrška za kodiranja Windows-1251, UTF-8, KOI8-R, KOI8-U. Pretvaranje stranice u drugo kodiranje s meta tag transformacijom
Otvaranje više dokumenata u jednom programu
Pretraživanje i kontekstualna optimizacija. Alat će pokazati kako će stranica izgledati u odgovoru tražilice, što će tražilica vidjeti pri indeksiranju, ocjenu učestalosti riječi, uređivanje naslova, opisa i ključnih riječi, brzi prijelaz na razne Google i Yandex servise, brzu provjeru TCI-a i PR-a, alata za varijacije teksta itd.
Alat za vizualnu izradu tablice omogućuje vam odabir broja ćelija i brzo spajanje ćelija mišem
Prikladan ugrađeni preglednik baziran na Internet Exploreru s dodatnim značajkama za uklanjanje pogrešaka na stranicama
Uređivač teksta omogućuje vizualni odabir boje, stila, veličine fonta. Bez razmišljanja o oznakama, dobit ćete HTML kod teksta (za početnike ne zamjenjuje ručno uređivanje)
Brzo umetanje CSS opcija u obliku izbornika i padajućeg popisa umetnut će različite opcije u stil. Štoviše, ako parametar uključuje izbor boje, fonta ili putanje do datoteke, automatski se pozivaju odgovarajući alati i dijalozi
Alat za vizualno stvaranje fontova nudi mnoge opcije stila i trenutni pregled rezultata. Odabir pozadine za pregled, podrška za nastavu, spremanje postavki kao praznine fonta, unos teksta za pregled rezultata. Alat generira skraćeni ili puni stil i potrebne oznake
Rad s bojom na stranicama postao je praktičniji. Uz popise nedavnih boja i svih boja dokumenta, lako je zadržati stranicu u jednoj boji. Izbornik boja ugrađen je u sve alate koji su potrebni za rad s bojom. Poboljšana (nije standardna) paleta posebno dizajnirana za lak odabir boja
Pogodan pregled resursa stranice jednim klikom na vezu - bilo da se radi o slici, flash filmu, vanjskoj CSS tablici ili drugoj stranici. Osim toga, CSS i stranice se otvaraju za uređivanje u novom uređivaču. A podrška za tehnologiju povuci i ispusti omogućuje vam da umetnete sliku kao oznaku ili pozadinu jednostavnim ispuštanjem iz mape u uređivač
Kretanje kroz dokument u obliku hijerarhijskog stabla oznaka pomoći će vam da dođete do željene oznake. Uz njegovu pomoć možete identificirati pogreške u logičkoj strukturi dokumenta.
Automatsko prikupljanje klasa stranica i vanjskog CSS-a iz veza. U bilo kojem alatu ili kodnom mjestu gdje vam je potrebna klasa - samo ga odaberite s padajućeg popisa
Dnevnik poruka pomoći će vam da naučite i ne zaboravite na korištenje alata u odgovarajućoj situaciji
Izvoz stranice i CSS-a u komprimiranom obliku uz potpuno očuvanje prethodne funkcionalnosti. U tom slučaju dokument se čisti od nepotrebnih razmaka, uvlaka, prijeloma reda itd.
Korištenje isječaka koda. Sada se praznina može stvoriti iz odabranog fragmenta. Praznine su posebno tražene pri uređivanju cijele stranice i pri pronalaženju korisnih kodova, kada se te kodove hitno treba sjetiti
Provjera koda za velike pogreške - nepoznate i nezatvorene oznake, pokvarene i prazne poveznice, pogreške u građenju tablica. Čak i ako ste sigurni u svoje znanje HTML-a, stranica možda neće raditi otrcano zbog tipkarske pogreške, a može biti prilično teško pronaći je sami
Ploča datoteka na lijevoj strani za odabir datoteka u trenutnoj mapi
Izradite veze s izborom stila ili stvorite klasu za četiri stanja (općenito, jednostavno, korišteno, pokazivač iznad njega).
Najbolji softverski paket za online HTML uređivač u stvarnom vremenu s dinamičkim trenutnim vizualnim pregledom uživo i inline WYSIWYG uređivačem pomoću CKEditor-a i značajke čišćenja markupa. Uključuje HTML preglednik, uređivač, kompresor, uljepšavanje i jednostavno formatiranje. Nemoguće je izraditi nevažeći kod s ovim alatom.
Kako koristiti HTML uređivač?
Aktivirajte automatsko pomicanje. Dva uređivača će se pomicati zajedno kada je ova opcija omogućena.
Podesite veličinu fonta prema svojim željama.
Izvršite sve opcije koje su označene u postavkama (pogledajte ikonu zupčanika iznad).
Ostale važne značajke uređivanja
Možete isprobati ove značajke HTML uređivača kako biste vježbali i kako biste maksimalno povećali učinkovitost kodiranja.
- pretvarač dokumenata- Da biste pretvorili bilo koji vizualni dokument kao što je Excel, PDF, Word u HTML, samo zalijepite dokument u vizualni uređivač i oznaka će se odmah pojaviti s desne strane.
- online uređivač teksta- Sastavite dokumente, baš kao u uređivaču obogaćenog teksta. Koristite upravljačku ploču za uključivanje slika, tablica, naslova, popisa i drugih stavki u svoj papir.
- Copy-paste- Uređivač vam neće dopustiti spremanje dokumenata. Za to morate kopirati generirani kod u praznu tekstualnu datoteku, promijeniti njegovu ekstenziju u .html i otvorite ga u a web-preglednik.
- Rad sa tablicama- Pomoću uređivačke ploče WYSIWYG možete stvoriti tablicu bilo koje dimenzije u samo 2 klika. Postoji mogućnost čišćenja da ih pretvorite u stilizirane DIV oznake.
- Poništi- Oba urednika imaju ovu funkciju koja omogućuje vraćanje dokumenta u prethodno stanje, tj. prije nego što se čišćenje izvrši.
- interaktivni demo- Krenite u obilazak u 4 koraka kroz značajke klikom na Brzi obilazak stavku izbornika. Naučite kako koristiti uređivač i eksperimentirajte s demo tekstom.
nikad ne zaboravi:
- Napravite sigurnosnu kopiju prije korištenja ovog alata kako biste bili sigurni da se uvijek možete vratiti na izvorni dokument.
- Uvijek provjerite svoj kod prije objavljivanja na web stranici uživo.
- Ovaj uređivač nikada ne sprema ili šalje vaš dokument, sve se operacije izvode na vašem lokalnom računalu.
- Kao i većina web stranica, i ova koristi kolačiće.
Div stol Styling
Obavezno primijenite CSS kod u nastavku kada objavljujete tablice pretvorene u div elemente. Isprobajte interaktivni mrežni alat za oblikovanje tablica koji može generirati mreže iz divova i elemenata tablice. Obje su podržane od strane ovog uređivača.
Imajte na umu da se nazivi klasa koje koristimo malo razlikuju od onih koje koristi DivTable.com.
.rTablica ( zaslon : stol; širina : 100 % ;) .rTableRow ( display : table-row ; ) .rTableHeading (pozadinska boja: #ddd; display: table-header-group ;) .rTableCell, .rTableHead (prikaz: ćelija-tablice; padding: 3 px 10px; granica: 1 pxčvrsta #999999 ; ) .rTableHeading ( display : table-header-group ; background-color : #ddd ; font-weight : bold ; ) .rTableFoot ( display : table-footer-group ; font-weight : bold ; background-color : #ddd ; ) .rTableBody (prikaz: tablica-red-grupa;).rTable (prikaz: tablica; širina: 100%;) .rTableRow (prikaz: tablica-red;) .rTableHeading (boja pozadine: #ddd; prikaz: tablica-header-group ; ) .rTableCell, .rTableHead (prikaz: table-cell; padding: 3px 10px; granica: 1px solid #999999; ) .rTableHeading (prikaz: table-header-group; background-color: #ddd; font-weight: bold ; ) .rTableFoot (prikaz: tablica-podnožje -group; font-weight: bold; background-color: #ddd; ) .rTableBody (prikaz: table-row-group;)
HTML uređivači imaju mnoge značajke, ali vam ne mogu sve biti korisne. Ostavili smo samo najnužnije od njih. Donja tablica prikazuje glavne funkcije vizualnog uređivača koje i sami koristimo i koji će vam svakako trebati. Reći ćemo vam ne samo što vam je korisno, već i zašto.
Glavne funkcije
Tablica glavnih značajki usluge. Lijevi stupac prikazuje ikonu, srednji daje naziv funkcije, a desni opis.
| Format... | Istaknite naslov teksta (oznaka h1), podnaslove (oznaka h2), podnaslove razine 3 (oznaka h3) i obični tekst (koristi se prema zadanim postavkama) (oznaka P). Navedeno oblikovanje ima snažan utjecaj na promociju stranice u tražilicama. Stoga se druge vrste formatiranja dostupne u ovoj funkciji ne preporučuju. | |
| Podebljano | Isticanje dijela teksta podebljanim (jaka oznaka). Najvažnije fraze, rečenice ili cijele odlomke treba istaknuti podebljanim slovima. Jaku oznaku koriste tražilice prilikom rangiranja web-mjesta, ali njezin utjecaj nije tako velik kao utjecaj naslova. | |
| numerirani popis | Izrada numeriranih popisa (tagovi ol, li). Takve popise treba kreirati prvenstveno radi udobnosti čitatelja, što će pozitivno utjecati na čimbenike ponašanja. | |
| popis s grafičkim oznakama | Izrada popisa s grafičkim oznakama (oznake ul, li). Za razliku od numeriranih popisa, ovdje redoslijed stavki nije bitan. | |
| Citat | Dio teksta označavamo kao citat (oznaka blok citata). Oznaka blockquote trebala bi sadržavati tekst posuđen iz drugih izvora. | |
| Veza | Umetanje hiperveze na drugu stranicu ili stranicu web-mjesta (oznaka). Pomaže čitateljima da dobiju više informacija kada kliknu na vezu. A tražilice povećavaju rang stranice na koju vodi link. | |
| Slika | Umetnite sliku. Slika se prvo mora postaviti na internet i imati adresu. U dijaloškom okviru morate navesti "Alt Text". | |
| stol | Umetnite tablicu. Ako tekst sadrži strukturirane podatke, onda ih je bolje prikazati u obliku tablice. | |
| Poseban karakter | Umetnite znakove koji nisu na standardnoj tipkovnici. Na primjer: ®, ™, ¥, ½. |
I to je sve? Zašto tako malo značajki?
HTML kod je vrlo bogat u funkcionalnosti i možete mu dodati gotovo sve. Pitanje je da li je to stvarno potrebno?
Na primjer, stvari kao što su obrasci (oznaka obrasca), tekstualni okvir, potvrdni okvir, radio gumb (oznaka za unos) i tako dalje mogu biti na web-mjestu ako su u odgovarajućoj interakciji s "motorom" web-mjesta. Odnosno, za obavljanje funkcije namijenjene njima: ostavite komentar, glasajte itd. A to zahtijeva vještine programiranja. Inače će ova funkcija samo zavarati korisnike i izazvati iritaciju prilikom korištenja vaše stranice.
Ako, osim gore navedenog, želite svoj tekst ukrasiti takvim elementima dizajna kao što su:
- razni fontovi,
- šarene linije,
- velika slova,
- nezadano poravnanje teksta,
- smjer teksta s desna na lijevo,
- emotikoni,
- i druge dizajnerske užitke.
Tada će takav tekst vašu stranicu pretvoriti u božićno drvce koje će oduševiti samo vašu obitelj i prijatelje. Mnoga popularna web-mjesta ne iskorištavaju u potpunosti prednosti HTML-ovih bogatih mogućnosti oblikovanja.
Mogućnosti koje nudi naša usluga pomoći će vam da svoj članak uredite na način da potakne povjerenje i njegovih čitatelja i tražilica. Ako doista želite istaknuti određeni dio teksta drugim stilom, bolje je to učiniti pomoću datoteke style.css.
WYSIWYG html uređivač
Naš html editor ima svojstvo WYSIWYG, riječ je skraćenica od engleske. Wšešir Y ou S ee ja s Wšešir Y ou G et, doslovno prevedeno "ono što vidiš to i dobiješ." Ovo svojstvo omogućuje prikaz sadržaja materijala tijekom uređivanja što je moguće bliže onome što dobijete na svojoj web stranici kada umetnete fragment html koda primljen od "izvora" (gumb ).
Budite mudri - igrajte normalne igrice!!!
- Kombinacija strategije i RPG-a;- Cool grafika u Full HD-u bez kočnica;
- Veliki svijet, potpuna sloboda;
- Velikodušni darovi za nove igrače.
Međutim, ne zaboravite da vaša stranica ima stilove za dizajn raznih tekstualnih elemenata (naslovi, popisi, odlomci, slike). Obično su ti stilovi pohranjeni u datoteci style.css. Bez povezivanja ove datoteke, tj. bez postavljanja rezultirajućeg html koda na svoju stranicu, ne možete biti 100% sigurni u pouzdanost vidljivog rezultata. Ova izjava vrijedi za sve uređivače vizualnog koda.
Pretvorba Word u html
Naša usluga može se koristiti za pretvaranje teksta iz word datoteke u html format. Da biste to učinili, trebate kopirati potrebni fragment iz Worda, a pritiskom na gumb "Zalijepi iz Worda" na našem servisu zalijepite kopirani fragment u dijaloški okvir koji se pojavi.
Za razliku od drugih sličnih pretvarača, naša usluga čisti formatiranje riječi, ostavljajući samo najnužnije:
- Naslov teksta (oznaka h1).
- Podnaslov (oznake h2, h3).
- Stavak/običan tekst (oznaka P).
- Podebljani font (jaka oznaka).
- Numerirani popis (oznake ol, li).
- Popis s grafičkim oznakama (oznake ul, li).
- Kurziv (oznaka em).
- Veza (oznaka a).
- Stol.
- Poseban simbol.
To jest, praktički ne morate čistiti dodatni html kod iz svog materijala. Dovoljno je pravilno formatirati tekst u Word editoru, pretvoriti ga u html format pomoću naše usluge i odmah ćete dobiti gotov rezultat.
HTML uređivač je prva stvar koja vam je potrebna za početak izrade web stranica pomoću HTML-a i CSS-a. Postoji mnogo besplatnih HTML uređivača i odabir jednog može biti zastrašujući zadatak.
HTML je prilično jednostavan i stoga možete početi raditi na svojim web stranicama pomoću jednostavnog uređivača teksta kao što je Notepad, WordPad ili bilo koji drugi. Možete ići dalje i koristiti jedan od bogatijih uređivača kao što su Coffecup, Notepad++, Brackets, Notetab ili BlueGriffon. Prednost korištenja naprednijih i funkcionalnijih uređivača je što dobivate više alata koji mogu značajno ubrzati proces označavanja i kreiranja sadržaja.
Bilo da želite stvoriti blogove i članke koji su dobro formatirani za čitanje u pregledniku ili planirate izgraditi potpuno funkcionalnu web stranicu koristeći HTML i CSS, odabir pravog uređivača uvelike će poboljšati vašu produktivnost. Profesionalni web programeri provode značajnu količinu vremena birajući uređivač i alate koji najbolje odgovaraju njihovim potrebama i povećavaju produktivnost.
Koji besplatni HTML uređivač je pravi za vas?
Odgovor na ovo pitanje u potpunosti ovisi o vašim zahtjevima, o proizvodu koji namjeravate izraditi s HTML-om, o vašoj trenutnoj razini znanja ovog označnog jezika, ako namjeravate samo učiti. Budući da je većina ovih uređivača besplatna, možete suziti popis na 2-3, isprobati njihovu osnovnu funkcionalnost, a zatim odlučiti koji vam se najviše sviđa.
Osim toga, gotovo svaki uređivač naveden u ovom članku podržan je na više operativnih sustava, uključujući Windows, Linux i Mac, tako da ne morate previše brinuti o kompatibilnosti.
Imajte na umu da većinu vaših potreba za uređivanjem lako ispunjava Notepad++ za Windows, Brackets za Mac (ovaj uređivač je također podržan za Linux i Windows) ili Coffecup i Notetab. Međutim, ako planirate izgraditi složenu web stranicu, potpuno opremljeno razvojno okruženje kao što je Eclipse je pravi način.
S druge strane, ako se samo želite poigrati s HTML-om i CSS-om, postoje brojni online uređivači gdje možete napisati HTML kod i odmah vidjeti rezultat.
Pogledajmo 10 najboljih HTML uređivača koji su jednostavni za korištenje, bogati značajkama i popularni među web programerima.
1. Notepad++ (najbolji besplatni HTML uređivač za Windows)
notepad-plus-plus.org Ovaj uređivač dostupan je samo korisnicima Windowsa, pa ako koristite Mac ili Linux, pomaknite se dalje. Notepad++ je najbolji besplatni HTML uređivač koji možete instalirati na svoje Windows računalo. Na prvi je pogled vrlo elementaran, ali je jedan od najsloženijih i ujedno lakih uređivača.
Velik dio velike snage Notepada++ pružaju dodaci trećih strana, uključujući PreviewHTML, dodatak za HTML oznake za isticanje oznaka, Tidy2 za uvlačenje i mnoge druge.
Ključne značajke Notepad++ su sučelje proračunske tablice za rad na više datoteka u isto vrijeme, vrlo jednostavno preklapanje i isticanje sintakse, prilagodljiv GUI (s minimalističkom verzijom), tablice s gumbom za zatvaranje, okomite tablice, višejezične (tj. možete prilagoditi sučelje na engleskom, francuskom, španjolskom i kineskom, kao i na 80 drugih jezika).
Notepad++ razvio je Don Ho i izašao 2003. godine. Besplatan je za osobnu i komercijalnu upotrebu i distribuira se pod GNU Općom javnom licencom.
Za korisnike Maca, odlična alternativa Notepad++ su zagrade, koje ćemo obraditi sljedeće.
2. Zagrade (besplatno za Mac, Windows i Linux)
Brackets je još jedan popularan i pouzdan alat za web razvoj i uređivanje HTML-a. Za razliku od Notepad++, ovaj uređivač je podržan za Mac, Ubuntu, Debian i Windows. Također je besplatan za osobnu i komercijalnu upotrebu (MIT licenca).
Brackets je jednostavan za korištenje i ima mnogo proširenja za poboljšanje njegove funkcionalnosti. Popularna proširenja:
- Emmet - ubrzava pisanje CSS i HTML koda;
- Beutify - formatira HTML, CSS i JavaScript datoteke;
- W3C provjera valjanosti - provjerava valjanost vašeg HTML koda.
Brackets je prekrasan uređivač modernog minimalističkog dizajna. Promjene napravljene u kodu odmah se prikazuju u pregledniku. Možete uređivati svoj CSS ili HTML kôd i vidjeti kako oni mijenjaju izgled vaše stranice u stvarnom vremenu.
Pročitajte o zagradama ovdje - Editor za HTML: zagrade
3. Coffecup (postoje besplatne i plaćene verzije)
Coffecup je vjerojatno najbolji dostupni HTML uređivač, besplatni i komercijalni. Besplatni nema neke značajke, ali je dovoljno složen da se nađe na našem popisu.
Glavne značajke besplatne verzije uključuju:
- prilagođene alatne trake,
- završetak koda za elemente, atribute i selektore,
- teme i predlošci spremne za korištenje,
- podrška formatu markdown za HTML,
- FTP/SFTP podrška,
- povucite i postavite slike,
- opcija pregleda,
- isticanje sintakse,
- tezaurus za pronalaženje alternativa za riječ i još mnogo toga.
Plaćena verzija nije preskupa. Uključuje nekoliko naprednih značajki kao što su provjera valjanosti HTML i CSS koda, knjižnica oznaka, čistač koda, dinamička provjera pravopisa.
Coffecup također nudi nekoliko naprednih modula za rad prilagođen mobilnim uređajima bez potrebe za pisanjem koda, samo povucite i ispustite. Ovi moduli uključuju Foundation framer, Bootstrap builder i Responsive site designer.
Coffecup je na tržištu od 1996. godine i koriste ga freelanceri, startupi, mala poduzeća, kao i web developeri iz velikih tvrtki. Izvrstan je alat za izradu web stranica, web stranica, biltena, bilješki u HTML formatu, sadržaja društvenih medija.
4. NoteTab (dvije verzije, plaćena i besplatna)
NoteTab je još jedan uređivač za HTML i CSS koji nudi značajke za brzi razvoj. Riječ je o proizvodu tvrtke Fookes software koja zadnjih 20 godina izrađuje alate za ubrzavanje procesa razvoja.
Popularnost NoteTaba potvrđuje i činjenica da se koristi u NASA-i, FBU, VISA, CIA Hewlett Packard, MIT.
NoteTab ima tri verzije, Light, Standard i Pro. Lagana verzija distribuira se besplatno za individualnu upotrebu. Nema sve značajke Pro verzije, ali podržava HTML5 i CSS3 biblioteke, bootstrap, HTML autocomplete, spajanje datoteka u projekte, podršku za HTML Tidy, HTML za tekst, a također ima mnogo tema.
NoteTab se može pokrenuti izravno s flash pogona i ne zahtijeva instalaciju na vašem računalu. Za blogere i kreatore sadržaja, ovaj uređivač podržava brojanje riječi i SEO statistiku.
NoteTab možete bolje upoznati na službenoj web stranici.
5. Eclipse (besplatni HTML uređivač)
Eclipse je težak i možda pretjeran za razvoj HTML-a i CSS-a, ali se može uspješno koristiti ako vam ne smeta instalirati i konfigurirati ovu zvijer. Ovo je izvrstan alat ako planirate stvoriti složena web-mjesta s bazama podataka udruženim s drugim izvorima podataka itd. Postavljanje može potrajati i zahtijevati instalaciju dodatnih dodataka.
Eclipse je najpopularniji IDE otvorenog koda. Ovaj uređivač se često koristi za Java, JavaScript, PHP, Ruby, Android i mnoge druge programske jezike.
Više možete saznati ovdje -
6.HTML Online
Kada je u pitanju uređivanje HTML koda na mreži, u pregledniku, ništa nije bolje od HTML-online.com. Možete početi s kodiranjem odmah bez preuzimanja i instaliranja bilo kakvog softvera, i to je besplatno.
Jedna od prednosti ovog uređivača je pretvorba Worda u HTML, tako da možete kopirati svoj sadržaj iz Microsoft Word datoteka i automatski primijeniti HTML oznake na njega. Tu je i podrška za Google dokumente, PDF, Excel, PowerPoint i mnoge druge vrste dokumenata.
To je robustan vizualni uređivač koji će vam pomoći da kreirate svoju web stranicu dok pratite promjene koda u susjednom prozoru. Ostale značajke vrijedne spomena su čišćenje HTML koda, pretvaranje elemenata tablice u div i opcija pretraživanja i zamjene.
7. BlueGriffon (besplatna, osnovna i EPUB licenca)
BlueGriffon dolazi iz kuće Disruptive Innovations SAS. Izgrađen je na Gecku, Mozillinom web rendering engine-u. BlueGriffon je moćan uređivač koji većinu svojih značajki nasljeđuje od Netscapea, Composer, Nvu i Mozille.
BlueGriffon ima tri varijacije, od kojih je prva besplatna, druga se distribuira pod osnovnom licencom, a najmoćnija je pod EPUB licencom.
Besplatna verzija također može učiniti puno. Ima crne i svijetle teme, podršku za HTML5 audio, video i oblike, značajke za uređivanje CSS3 uključuju prijelaze, 3D i 2D transformacije, kreiranje SVG-a, WYSIWYG tehnologiju, google upravitelj fontova, upravitelj fontova vjeverica fontova, podršku za format za označavanje, korisničko sučelje preko 20 jezika.
BlueGriffon možete preuzeti i instalirati na Windows, Linux Ubuntu i OS X na svom Macu. Detalje možete pronaći na web stranici -
8. Emacs s dodacima
www.gnu.org Emacs je jedan od najomiljenijih urednika svih vremena. Besplatno je za korištenje (GNU licenca). Emacs je uređivač koda opće namjene koji možete prilagoditi svojim potrebama. Povezivanje slobodno distribuiranih dodataka pretvara ga u moćan uređivač koda s bogatom funkcionalnošću.
Kada je u pitanju uređivanje HTML-a, Emacs nudi HTML način rada koji olakšava uređivanje koda. Više pročitajte ovdje - Emacs
9. Atom
atom.io Atom je uređivač teksta koji se može konfigurirati od GitHub programera. Njegova popularnost raste vrlo brzo. Ovaj uređivač je besplatan za osobnu i komercijalnu upotrebu (MIT licenca). Zajednica programera neprestano prati obogaćivanje uređivača novim značajkama.
Kako pretvoriti Atom u besplatni HTML editor?
Atom dolazi sa svim osnovnim značajkama koje su vam potrebne za uređivanje koda, ali da biste ga učinili potpuno funkcionalnim HTML uređivačem, morat ćete instalirati dodatne pakete. Među njima su Emmet, atom-html-preview, Autocomplete-plus, Atom-color-highlight, Autocomplete-CSS, linter, minimap, haml i jade.
Atom je podržan na sustavima Windows, Ubuntu (Debian Linux), Fedora (22+), Mac i Red Hat Linux. Prikladniji je za web razvoj nego za pisanje sadržaja jer je više orijentiran na kod i treba ga malo dotjerivati.
10. Zajednica Visual Studio
Visual Studio Community je potpuno funkcionalno razvojno okruženje iz Microsofta i besplatno je za sve. Visual studio nudi unaprijed konfigurirane značajke uređivanja HTML-a i CSS-a koje se mogu dodatno poboljšati proširenjima.
Popularna proširenja vrijedna spomena su HTML isječci, HTMLHint, podrška za HTML CSS, Intellisense za naziv klase CSS.
Poput Eclipsea, zajednica Visual Studio izvrstan je izbor za složena, vrlo skalabilna web-mjesta koja trebaju mnogo tehnologija.
Zaključak
HTML označni jezik se koristi posvuda. Postoji mnogo HTML uređivača koji postoje već duže vrijeme, ali su još uvijek ažurni i prilično prikladni za web razvoj. Ali postoje i drugi kojima već nedostaje funkcionalnost i produktivnost. Pojavljuju se novi uređivači kao što su Brackets i Atom koji pružaju učinkovito uređivanje koda.
Većina urednika navedenih u ovom članku imaju svoje karakteristike, ali služe samo jednoj svrsi - izradi web stranica. Oni povećavaju brzinu razvoja i pomažu u organizaciji koda, uzimajući u obzir mogućnost njegove skalabilnosti.
Pogledajte opcije spomenute u ovom članku, zapišite svoje ključne potrebe, suzite popis na nekoliko urednika, isprobajte svaki i odlučite koji vam se najviše sviđa. Sigurno ćete pronaći barem jedan dobar HTML editor za Linux, Mac i Windows.
Kad mi je trebao WYSIWYG editor, sjetio sam se kako je izgledao, njegovih funkcija, ali nisam zapamtio naziv. Nakon 45 minuta ipak sam ga pronašao... Tada sam si postavio zadatak pomoći mnogima, uključujući i sebe: napraviti sažeti popis svih malo poznatijih WYSIWYG urednika.
Uvod
Ova tema je opsežan popis vizualnih uređivača koji su gotovo ili djelomično upotrebljivi. Cilj koji me vodio bio je sistematizirati postojeće podatke razasute po internetu.TinyMCE
Jedan od najčešćih vizualnih urednika, ima izvanrednu funkcionalnost. Postoji mnogo dodataka, mnogi dodaci su instalirani prema zadanim postavkama.
(Preglednici: Mozilla 1.3+, MSIE 5.5+, Opera 9.0+, Safari, Chrome)
[Službena stranica | Demo ]
CKeditor
Potpuni analog TinyMCE-a.
[Službena stranica ]
CLEditor
Jednostavan vizualni uređivač, ne upušta se u posebne funkcionalnosti. Ali napravljen je prilično dobro, sve funkcije su kvalitativno implementirane.
(Preglednici: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Camino 1.0+, Internet Explorer 5.5+, Google Chrome)
[Službena stranica ]
NicEdit
Urednik je vrlo sličan CLEditoru. Ima standardnu funkcionalnost.
(Preglednici: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[Službena stranica ]
elRTE
Vrlo kvalitetan vizualni uređivač. Ima široku funkcionalnost. Izrađeno vrlo kvalitetno.
(Preglednici: Firefox 3.5+, Opera 10+, Safari 3.0+, Internet Explorer 7+, Google Chrome)
[Službena stranica | Demo ]
Spaw
Vrlo prosječan vizualni urednik. Ima standardnu funkcionalnost.
[Službena stranica | Demo ]
xinha
Dobar vizualni uređivač, posebnost je mnoštvo ugrađenih radnji, odnosno neće biti teško prilagoditi ga svojim potrebama.
(Preglednici: Firefox 1.5+, Opera 9+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[Službena stranica | Demo ]
Imperavi (plaćeno)
Prilično lijep uređivač, funkcionalnost nije sjajna, ali je dovoljna. Postoji niz pogrešaka povezanih s prijelazom s html-a na vizualni uređivač i obrnuto. (poravnanje uklonjeno) Važno je napomenuti da Imperavi radi kao jQuery dodatak.
Postoji dobra dokumentacija.
(Preglednici: Firefox 1.5+, Opera 9+, Safari 4+, Internet Explorer 7+, Google Chrome)
[Službena stranica | Demo ]
Ocjenjivanje
Markitup je više kao praktičan html uređivač koji je prikladniji za profesionalca nego za običnog korisnika. Ali ako znate html, onda to može biti prilično zgodno.
(Preglednici: Firefox 3+, Opera 9+, Safari 3+, Internet Explorer 6+, Google Chrome)
[Službena stranica | Demo ]
Aloha urednik
Lijep uređivač, vrlo jednostavan za korištenje. Međutim, postoji ogroman minus koji zasjenjuje gotovo sve pluse - to je odbijanje podrške starim i ne tako starim preglednicima (dostupne su samo najnovije verzije preglednika).
(Preglednici: potrebna je podrška za HTML5, Opera nije podržana)
[Službena stranica | Demo ]
Urednik Merkur
Merkur je cijela web stranica i može se koristiti za uređivanje cijele stranice ili određenih područja. Podržava pregled uređenog sadržaja, kao i postavljanje veza, slika, videozapisa i tablica. Datoteke se mogu prenijeti pomoću sučelja drag"n"drop.
Urednik također podržava suradnju s više osoba. Mercury se može instalirati kao samostalni Rails ili ubrizgavanjem u kod stranice. (Zahtijeva JQuery)
A nedostatak je što su podržani samo sljedeći preglednici: Chrome 10+, Safari 5+, Firefox 4+.
[Službena stranica | Demo na glavnoj stranici]
YUI uređivač bogatog teksta
Vizualni urednik iz Yahooa. Kao što je ispravno navedeno, jedan od najboljih vizualnih urednika. Ima opsežnu funkcionalnost, podržava veliku većinu preglednika.
[Demo]
MooEditable
Skup funkcija je vrlo ograničen, ali ponekad nije potrebno više.
[Demo]
Otvorite Wysiwyg
Punopravni uređivač za više preglednika sa svim potrebnim značajkama. Čak uključuje i atraktivne padajuće izbornike i gumbe. Nažalost, Chrome to ne podržava.
(IE 5.5+, Firefox 1.0+, Mozilla 1.3+ i Netscape 7+)
