Çdo projektues dhe kodues i uebit ka nevojë për një redaktues të mirë të faqeve në internet për të krijuar dhe modifikuar kodin HTML, CSS dhe JavaScript. Notepad (Windows) dhe TextEdit (Mac) janë mjete të shkëlqyera për të filluar, por ndërsa fitoni më shumë përvojë, do të dëshironi të përdorni një mjet më solid dhe më të përshtatshëm.
Ka qindra redaktorë të shkëlqyer për të zgjedhur, por shumë prej tyre paguhen. Dhe nëse nuk doni të shkelni të drejtën e autorit dhe buxheti nuk ka fonde për të blerë një produkt komercial? Ky artikull eksploron disa redaktorë të shkëlqyer falas.
- Redaktorët e WYSIWYG. Këta janë redaktues grafikë që ju lejojnë të ndërtoni një plan urbanistik dhe të vendosni stile vizualisht, si në përpunuesin e mirënjohur të tekstit MS Word. Ata janë një mjet i dobishëm për ndërtimin e dizajneve të faqeve, megjithëse siç e di çdo dizajner me përvojë në internet, kodi do të duhet ende të modifikohet për të marrë një rezultat të shkëlqyeshëm.
- Redaktorët e tekstit.Është një mjet për redaktimin e drejtpërdrejtë të kodit HTML dhe CSS. Disa redaktorë janë për qëllime të përgjithshme dhe nuk kanë opsione të veçanta për të mbështetur kodin e uebit. Të tjerat janë të specializuara për përdorimin e gjuhëve të uebit si HTML, CSS, JavaScript dhe PHP, dhe kanë veti të integruara për futjen e shpejtë të etiketave HTML, vetitë CSS, etj. Shumë nga këta redaktues ju lejojnë të shikoni një faqe interneti në një dritare të veçantë.
KompoZer (Windows, Mac, Linux)
KompoZer është një zgjedhje e shkëlqyer nëse keni nevojë për një redaktues vizual me një buxhet të ngushtë
Komodo Edit është një redaktues i mirë, i lehtë për t'u mësuar, por i fuqishëm dhe i shtrirë
Megjithëse është një redaktues për qëllime të përgjithshme, ai mbështet HTML dhe CSS dhe ka një veti të plotësimit automatik kontekstual për etiketat HTML dhe vetitë CSS, si dhe një koleksion futjesh kodi për elementë të ndryshëm HTML. Në mënyrë që të përfitoni sa më shumë nga Komodo, duhet të instaloni shtesën e HTML Toolkit, e cila përmban veçori të mrekullueshme si mbyllja automatike e etiketave, shikimi paraprak i CSS dhe një gjenerues i përkohshëm teksti.
Komodo Edit ju lejon të shikoni faqet e redaktuara në çdo shfletues të instaluar, ose të përdorni shfletuesin e integruar në një dritare të veçantë, në mënyrë që të mund të modifikoni dhe të shihni rezultatin e ndryshimeve në të njëjtën kohë.
Redaktori ka një funksion të integruar për ngarkimin e skedarëve në sajt (FTP, FTPS, SFTP ose SCP), dhe gjithashtu mund t'i gruponi skedarët tuaj bukur duke përdorur opsionin e menaxherit të projektit.
Karakteristikë shumë e dobishme Kodi> Zgjidhni Blloko... Ai nënvizon bllokun aktual kryesor HTML, siç është elementi div ose ul i mbyllur aktualisht. Një funksion shumë i përshtatshëm kur duhet të zgjidhni një seksion të tërë në një faqe për kopjim ose lëvizje.
Komodo Edit ka shumë veçori të fuqishme dhe të dobishme si përdorimi i shprehjeve të rregullta për gjetjen / zëvendësimin, aftësinë për të ekzekutuar komanda të jashtme, etj. Për fat të mirë, redaktori ka gjithashtu një sistem të mirë ndihme që e bën të lehtë zotërimin e fuqisë së plotë të Komodo Edit.
Aptana Studio (Windows, Mac, Linux)
Aptana Studio është një mjedis i plotë i integruar i zhvillimit të aplikacioneve në ueb me një gamë të gjerë shtojcash. Edhe pse mund ta përdorni vetëm si një redaktues kodi HTML / CSS / JavaScript
Notepad ++ është një zëvendësim i shkëlqyeshëm për Notepad nga Windows. Edhe pse nuk ka të njëjtin grup opsionesh si redaktuesit e tjerë, është i shkëlqyeshëm për redaktimin e HTML, CSS, JavaScript dhe skedarë të tjerë të kodit.
PSPad është një redaktues tjetër për qëllime të përgjithshme për Windows me shumë veçori të dobishme për koduesit HTML dhe CSS
jEdit është një redaktues teksti ndër-platformë me komanda të fuqishme makro dhe funksionalitet shtesë. Instaloni shtojcën XML nëse keni nevojë të modifikoni faqet e internetit
TextWrangler është një redaktues i lehtë për qëllime të përgjithshme. Pavarësisht mungesës së veçorive të veçanta për zhvillimin e uebit, ai mund të përdoret për të punuar me faqet e internetit.
Vim është padyshim i vështirë për t'u mësuar, por nëse e kaloni atë, nuk do të dëshironi kurrë të ktheheni!
Gjyshi i redaktuesve të tekstit për programuesit Vim (një pasardhës i drejtpërdrejtë i redaktorit vi) është një redaktues teksti me burim të hapur, i bazuar në konsolë. Ai është i instaluar nga redaktori i paracaktuar në pothuajse të gjitha llojet e Unix, duke përfshirë Linux dhe Mac OS X. Redaktori është gjithashtu i disponueshëm për përdorim në Windows dhe shumë sisteme të tjera.
Vim nuk është një sistem që mund ta instaloni dhe të filloni ta përdorni menjëherë pa pasur nevojë të merreni me të. Shumica e komandave të redaktimit përfshijnë kombinime të çuditshme si wq dhe /. Ai gjithashtu ka tre mënyra redaktimi: modaliteti fut në të cilën futet teksti; vizuale mënyra për zgjedhjen e tekstit; dhe komandë modaliteti për futjen e komandave. Ky funksionalitet është një trashëgimi e Unix-it nga ditët kur nuk kishte dritare apo maus.
Pse u fut në listë? Pasi ta zotëroni, do të bindeni për shpejtësinë dhe fuqinë e tij. Me disa komanda, mund të bëni diçka në sekonda që mund të zgjasë minuta në redaktuesit e tjerë.
Ka një numër të madh makrosh dhe shtojcash Vim që e bëjnë të lehtë punën me kodin HTML, CSS dhe JavaScript, duke përfshirë theksimin e sintaksës, plotësimin automatik, HTML Tidy dhe pamjen paraprake të shfletuesit. Këtu është një listë e madhe e lidhjeve të dobishme:
- Përfundimi automatik i Vim Omni
- Redaktimi HTML / XHTML në Vim
- faqja kryesore
Fraise (Mac)
Fraise është një redaktues intuitiv për Mac, me veçori të mjaftueshme për redaktimin në ueb
Ashtu si TextWrangler dhe gedit, Fraise është një redaktues i mrekullueshëm i lehtë që është një kënaqësi për t'u përdorur. Është një pirun nga redaktori. Është relativisht i ri dhe nuk ka një web server të duhur. Aktualisht mbështetet vetëm në Mac OS X 10.6 (Snow Leopard), domethënë, nëse jeni duke përdorur versionin 10.5, atëherë do të duhet të shkarkoni Smultron.
Fraise ka disa opsione të mrekullueshme të redaktimit të uebit:
- Theksimi i kodit për HTML, CSS, JavaScript, PHP dhe disa gjuhë të tjera programimi.
- Mbyll Etiketën (Command-T) për të mbyllur etiketën aktuale. Kjo me të vërtetë kursen kohë kur futni lista.
- Vështrim paraprak i përshtatshëm me shfletuesin e integruar (duke përdorur WebKit), me opsionin shumë të përshtatshëm Live Update? i cili rifreskon shfletuesin sapo shënjimi dhe CSS të kenë ndryshuar në faqen që redaktohet.
- Opsioni i avancuar i gjetjes që mbështet kërkimin / zëvendësimin duke përdorur shprehje të rregullta.
- Mbështetje për blloqe për futjen e shpejtë të etiketave HTML dhe vetitë CSS.
- Disa komanda të dobishme për manipulimin e tekstit, të tilla si vërtetimi i HTML dhe konvertimi i karaktereve në elementë HTML.
Fraise ia vlen të eksplorohet nëse jeni në Mac dhe dëshironi një redaktues të dobishëm me më shumë opsione sesa TextEdit i integruar.
Nëse dëshironi të zhvilloni faqe interneti, duhet të merrni një redaktues HTML. Sigurisht, mund të përdorni një bllok shënimesh të rregullt, por kjo nuk ka gjasa të jetë e përshtatshme. Është e rëndësishme të theksohet se redaktorët HTML duhet të kryejnë dy detyra të rëndësishme, theksimin e kodit dhe plotësimin automatik. Natyrisht, funksionet shtesë janë gjithashtu të mirëseardhura, për shembull tema të ndryshme. Ka shumë funksione të tilla shtesë. Tani për tani, le të hedhim një vështrim në disa redaktues falas HTML që bëjnë një punë të shkëlqyer me detyrat e mësipërme.
Redaktori falas i kodit - Notepad e programuesit
Ky redaktues ofron një ndërfaqe moderne që vjen në dy lloje, të lehta dhe të errëta. Përveç kësaj, theksimi i sintaksës është shumë i mirë, ngjyrat janë zgjedhur mirë. Unë mendoj se ky redaktues do të plotësojë të gjitha kërkesat tuaja.
Redaktori HTML - SynWrite
SynWrite është një redaktues i mrekullueshëm me një gamë të gjerë funksionesh. Ideja pas këtij redaktuesi ishte të kapte të gjitha avantazhet e redaktuesve të tjerë HTML në një produkt cilësor. Funksionaliteti i tij mund të zgjerohet ndjeshëm me shtojca shtesë të shkruara në Python. Përveç funksioneve standarde, SynWrite ju lejon të redaktoni menjëherë disa pjesë të kodit në të njëjtën kohë:
Kjo veçori do t'ju kursejë shumë kohë.
Redaktues falas HTML - PlainEdit.NET
Ky redaktues mund të hapë disa skedarë në të njëjtën kohë, mund të shtohen gjithashtu shtojca që do të zgjerojnë ndjeshëm funksionet e redaktuesit, duke përfshirë temat. Përveç kësaj, mund të shtoni dhe modifikoni tekst duke përdorur shprehje të rregullta, edhe në ato dokumente që aktualisht nuk janë të hapura. Vlen të përmendet se PlainEdit mund të funksionojë edhe nga një shkop USB.
Notepad ++
Ky redaktues është një klasik. Është shumë popullor në të gjithë botën. Notepad ++ ka gjithçka që duhet të ketë një redaktues teksti. Ndërfaqja mund të personalizohet sipas dëshirave tuaja dhe shtojcat falas do të ndihmojnë në zgjerimin e funksionalitetit të redaktuesit.
Redaktues falas - jEdit
Ky redaktues mund të hapë dhe modifikojë pothuajse çdo skedar. Ai lehtëson shumë detyrën e hapjes së disa skedarëve në të njëjtën kohë. Çdo veçori që mungon mund të plotësohet me një sërë shtojcash.
Nga kutia, jEdit vjen me funksionet e nevojshme të integruara, për shembull, palosjen e kodit, shënimin e etiketave dhe elementeve, një menaxher skedari, si dhe shumë funksione të tjera.
Tekst sublim 2
Është redaktori më i popullarizuar në mesin e programuesve dhe zhvilluesve të uebit. Asnjë redaktues tjetër si ky nuk ka pasur një triumf të tillë si Sublime Text 2. Ai vlerësohet nga shumë programues. Redaktori është thellësisht i personalizueshëm përmes rezolucioneve të ndryshme dhe skedarëve JSON.
Për këtë redaktues të njohur, mund të gjeni biblioteka të gjera dokumentacioni, zyrtar dhe jozyrtar. Udhëzimet Sublime Text 2 mund të gjenden kudo.
Sublime Text 2 është pjesërisht falas, licenca kushton 70 dollarë.
Redaktori i ri - Kllapa
Brackets është një redaktues modern me burim të hapur me disa veçori interesante. Punon me Adobe Creative Cloud për të sjellë ngjyra, shkronja dhe më shumë nga një skedar PSD. Ai gjithashtu mund të nxjerrë shtresa si imazhe. Shumë komode
Fatkeqësisht, Adobe Creative Cloud është një shërbim me pagesë.
Ky redaktues ka të gjitha funksionet e nevojshme për një redaktues kodi modern. Ka shumë shtesa të ndryshme që lëshohen çdo 2 deri në 3 javë.
Aptana studio 3
Pikat më të forta të redaktorit janë përshtatshmëria e tij, integrimi i Git dhe terminali i integruar. Aptana Studio 3 mbështet standardet më të fundit të uebit si HTML5 dhe CSS3.
konkluzioni
Ka shumë redaktues HTML atje, por vetëm disa prej tyre mund të përdoren në të vërtetë. Për përdorim jo të përditshëm, ekziston Notepad ++, por për përdorim të përditshëm është e qartë se nuk do të mjaftonte. Ka opsione më të mira për këtë, si Sublime Text 2, i cili mund të personalizohet sipas kërkesave të përdoruesit. Jeni kurioz të dini cilët redaktorë zgjidhni?
Vizualizimi i kodit prej kohësh nuk ka qenë më një prioritet për zhvilluesit. Ky artikull ofron një listë me 9 redaktorë WYSIWYG që përdoren për këtë qëllim. Ne ju rekomandojmë që të njiheni me të në rast se lind një detyrë e ngjashme gjatë zbatimit të projektit tuaj.
Cili është redaktori më i mirë i vitit 2016?
Në këtë pjesë të artikullit, do të gjeni disa redaktorë të shkëlqyer që do ta bëjnë punën tuaj më të lehtë dhe më të shpejtë. Cila është më e mira?
Zgjedhja e redaktorit: Atom.io
Shumë redaktorë janë krijuar ndër vite, por pak prej tyre kanë mbetur në një nivel të lartë ose janë bërë edhe më të mirë. Atom.io përdoret nga të gjithë miqtë e mi programues dhe e zgjedh edhe unë.
Nëse dëshironi redaktorin më të mirë HTML WYSIWYG që shkurton kohën që shpenzoni duke shkruar ose redaktuar kodin me 10 herë, atëherë ky është Atom. Provojeni dhe do të më jeni mirënjohës. Atom.io është falas dhe i ndërtuar nga ekipi Github.
Një tjetër mjet i lavdërueshëm është Coda, një redaktues shumë i lezetshëm për përdoruesit e Mac. Ka një ndërfaqe perfekte dhe të bukur, por kushton 99 dollarë. Për momentin preferoj Atom!
Tani një përmbledhje e pjesës tjetër të redaktorëve.
1. NicEdit
Versioni Demo | Shkarko
NicEdit është një alternativë për redaktorët vizuale më voluminoze dhe komplekse, është me përmasa të vogla. Ai gjithashtu krenohet me shumë funksione thelbësore të redaktuesit, dhe ky redaktues në internet WYSIWYG është i lehtë për t'u integruar në faqen tuaj të internetit.
2. TinyMCE
Versioni Demo | Shkarko
TinyMCE është një redaktues HTML me burim të hapur WYSIWYG i shkruar në JavaScript. Është e lehtë për t'u integruar dhe e lehtë për t'u personalizuar me tema dhe shtojca. TinyMCE është një nga redaktorët më "të plotë", duke ofruar funksione të ngjashme me MSWord.
3. CKEditor
Versioni Demo | Shkarko
CKEditor është një version i përditësuar i FCKEditor, i cili më parë ishte lider në industri. Ai bazohej në dëshirën për të korrigjuar gabimet e FCKEditor. Rezultati është një redaktues vizual me performancë të lartë që ofron veçori redaktimi në të njëjtin nivel me MSWord dhe Open Office.
4. Redaktori i tekstit të pasur YUI
Versioni Demo | Shkarko
Redaktori i faqes WYSIWYG YUI Rich është një kontroll i ndërfaqes Yahoo që e kthen një panel të thjeshtë teksti në një redaktues plotësisht funksional WYSIWYG. Mjeti vjen në disa versione të niveleve të ndryshme të vështirësisë dhe me funksione të ndryshme, por në secilën prej tyre autorët arrijnë të arrijnë ergonomi të shkëlqyer ( pa rrëmujën e butonave që rrëmojnë ndërfaqen).
5. MarkItUp!
Versioni Demo | Shkarko
Markitup është një shtojcë jQuery që ju lejon t'i ktheni zonat e tekstit në redaktues markup sipas zgjedhjes suaj. Sintaksa HTML, Wiki dhe BBcode janë vetëm disa nga opsionet e mbështetura. Markitup nuk është një redaktues WYSIWYG, por kjo nuk do të thotë se nuk ofron të gjitha veçoritë që ju nevojiten. Është gjithashtu kompakt dhe i lehtë për t'u përdorur.
6. FreeTextBox
Versioni Demo | Shkarko
FreeTextBox është një redaktues në internet WYSIWYG HTML i krijuar posaçërisht për ASP.NET. Pamja e redaktorit është shumë e ngjashme me Microsoft Word. Versioni falas nuk zbaton disa funksione të avancuara, por grupi i disponueshëm është më se i mjaftueshëm për një punë të plotë.
7. MooEditable
Versioni Demo | Shkarko
MooEditable ofron funksionalitet të thjeshtë por të fuqishëm bazuar në një bibliotekë JavaScript të shkruar mirë. Nëse jeni adhurues i Mootools, nuk duhet të keni asnjë problem me këtë.
8. OpenWysiwyg
Versioni Demo | Shkarko
OpenWYSIWYG është një redaktues i thjeshtë WYSIWYG me ndërshfletues, me të gjitha veçoritë që ju nevojiten. Ka një ndërfaqe të bukur të përdoruesit që përfshin dritare dhe butona. Një nga veçoritë e tij dalluese është zbatimi me cilësi të lartë i punës me tabela. Në të njëjtën kohë, OpenWYSIWYG ende nuk mbështetet në Google Chrome.
9.jHtmlZona
Versioni Demo | Shkarko
jHtmlArea është një tjetër redaktues WYSIWYG i krijuar si një shtojcë për bibliotekën e njohur jQuery. Është i lehtë për t'u përdorur dhe përmban vetëm opsionet më thelbësore. Kjo e bën shumë të lehtë personalizimin e të gjithë përbërësve të tij, nga pamja në gjuhë.
Një redaktues HTML është gjëja e parë që ju nevojitet për të filluar krijimin e faqeve në internet duke përdorur HTML dhe CSS. Ka shumë redaktorë HTML pa pagesë atje, dhe zgjedhja e njërit mund të jetë një detyrë e frikshme.
HTML është mjaft i thjeshtë dhe për këtë arsye mund të filloni të punoni në faqet tuaja të internetit duke përdorur një redaktues të thjeshtë teksti si Notepad, WordPad ose çfarëdo tjetër. Ju gjithashtu mund të shkoni më tej dhe të përdorni një nga redaktuesit më të fuqishëm si Coffecup, Notepad ++, Brackets, Notetab ose BlueGriffon. Avantazhi i përdorimit të redaktuesve më të avancuar dhe funksional është se ju merrni më shumë mjete që mund të shpejtojnë në mënyrë dramatike procesin e shënjimit dhe krijimit të përmbajtjes.
Pavarësisht nëse po kërkoni të krijoni blogje dhe artikuj që janë të mirëformatuar për t'u lexuar nga shfletuesit, ose po planifikoni të ndërtoni një faqe interneti plotësisht funksionale duke përdorur HTML dhe CSS, zgjedhja e redaktorit të duhur do të rrisë ndjeshëm produktivitetin tuaj. Zhvilluesit profesionistë të uebit shpenzojnë një kohë të konsiderueshme duke zgjedhur redaktorin dhe mjetet që i përshtaten më mirë nevojave të tyre dhe rrisin produktivitetin.
Cili redaktues falas HTML është i duhuri për ju?
Përgjigja për këtë pyetje varet tërësisht nga kërkesat tuaja, nga produkti që synoni të krijoni duke përdorur HTML, nga niveli juaj aktual i njohurive të kësaj gjuhe shënjimi nëse keni ndërmend të mësoni thjesht. Meqenëse shumica e këtyre redaktuesve janë falas, mund ta ngushtoni listën në 2-3, të provoni funksionalitetin e tyre bazë dhe më pas të vendosni se cili ju pëlqen më shumë.
Plus, pothuajse çdo redaktues i listuar në këtë artikull mbështetet në shumë sisteme operative, duke përfshirë Windows, Linux dhe Mac, kështu që nuk duhet të shqetësoheni për pajtueshmërinë.
Vini re se shumica e nevojave tuaja editoriale mund të plotësohen lehtësisht nga Notepad ++ për Windows, Brackets për Mac (ky redaktues mbështetet gjithashtu për Linux dhe Windows), ose Coffecup dhe Notetab. Sidoqoftë, nëse po planifikoni të krijoni një faqe interneti komplekse, duhet të shkoni për një IDE plotësisht të paraqitur si Eclipse.
Nga ana tjetër, nëse thjesht dëshironi të luani me HTML dhe CSS, ka shumë redaktues në internet në shërbimin tuaj ku mund të shkruani kodin HTML dhe të shihni rezultatin menjëherë.
Le të hedhim një vështrim në 10 redaktorët më të mirë të HTML që janë të lehtë për t'u përdorur, janë të pasura dhe të njohura me zhvilluesit e uebit.
1. Notepad ++ (redaktori më i mirë HTML falas për Windows)
notepad-plus-plus.org Ky redaktues është i disponueshëm vetëm për përdoruesit e Windows, kështu që nëse keni një Mac ose Linux, atëherë lëvizni poshtë. Notepad ++ është redaktori më i mirë HTML pa pagesë që mund të instaloni në kompjuterin tuaj Windows. Në pamje të parë, duket shumë elementare, por është një nga redaktorët më kompleksë dhe në të njëjtën kohë më të lehtë për t'u përdorur.
Shumica e aftësive të shkëlqyera të Notepad ++ ofrohen nga shtojcat e palëve të treta, duke përfshirë PreviewHTML, shtojcën e etiketave HTML për theksimin e etiketave, Tidy2 për dhëmbëzimin dhe shumë të tjera.
Karakteristikat kryesore të Notepad ++ janë një ndërfaqe tabelare për të punuar me shumë skedarë në të njëjtën kohë, palosja dhe theksimi i sintaksës shumë i lehtë, GUI i personalizueshëm (me një opsion minimalist), tabelat me një buton mbylljeje, tabela vertikale, shumëgjuhësia (d.m.th. ju mund të personalizoni ndërfaqen në anglisht, frëngjisht, spanjisht dhe kinezisht, si dhe 80 gjuhë të tjera).
Notepad ++ u zhvillua nga Don Ho dhe u lëshua në 2003. Është falas si për përdorim personal ashtu edhe për komercial dhe shpërndahet nën Licencën e Përgjithshme Publike GNU.
Për përdoruesit e Mac, Brackets është një alternativë e shkëlqyeshme për Notepad ++, të cilën do ta trajtojmë në vijim.
2. Kllapa (falas për Mac, Windows dhe Linux)
Brackets është një tjetër mjet popullor dhe i besueshëm i zhvillimit të uebit dhe redaktimit HTML. Ndryshe nga Notepad ++, ky redaktues mbështetet për Mac, Ubuntu, Debian dhe Windows. Është gjithashtu falas për përdorim personal dhe komercial (licencë MIT).
Kllapat janë të lehta për t'u përdorur dhe kanë shumë shtesa për të përmirësuar funksionalitetin e saj. Shtesat e njohura:
- Emmet - Përshpejton shkrimin e kodit CSS dhe HTML;
- Beutify - Formaton skedarët HTML, CSS dhe JavaScript.
- Vlefshmëria e W3C - Kontrollon kodin tuaj HTML për vlefshmëri.
Brackets është një redaktues i bukur me një dizajn modern minimalist. Ndryshimet e bëra në kod shfaqen menjëherë në shfletues. Mund të bëni modifikime në kodin CSS ose HTML dhe të shihni se si ato ndryshojnë pamjen e faqes në kohë reale.
Lexoni rreth Brackets këtu - Redaktori për HTML: Brackets
3. Kafja (ka version falas dhe me pagesë)
Coffecup është padyshim redaktori më i mirë HTML i disponueshëm si në versionet falas ashtu edhe në ato komerciale. Pa pagesë nuk ka disa veçori, por është mjaft komplekse për të qenë në listën tonë.
Karakteristikat kryesore të versionit falas përfshijnë:
- shiritat e veglave të personalizueshme,
- plotësimi i kodit për elementët, atributet dhe përzgjedhësit,
- tema dhe shabllone të gatshme për përdorim,
- mbështetje për formatin e shënimit për HTML,
- Mbështetje FTP / SFTP,
- Funksioni tërhiq dhe vendos për imazhet,
- opsioni i shikimit paraprak,
- theksimi i sintaksës,
- një thesaurus për gjetjen e alternativave për një fjalë; dhe shumë më tepër.
Versioni me pagesë nuk është shumë i shtrenjtë. Ai përfshin disa veçori shtesë si vlefshmëria e kodit HTML dhe CSS, biblioteka e etiketave, pastrues kodesh, kontrollues dinamik drejtshkrimor.
Coffecup ofron gjithashtu disa module të avancuara për të punuar në një stil miqësor me celularin, pa pasur nevojë të shkruani ndonjë kod, thjesht duke përdorur funksionet e tërheqjes dhe lëshimit. Këto module përfshijnë kornizën e themelimit, ndërtuesin e Bootstrap dhe projektuesin e faqeve të përgjegjshme.
Coffecup ka qenë në treg që nga viti 1996 dhe përdoret nga përkthyes të pavarur, startup, biznese të vogla dhe zhvillues ueb nga kompani të mëdha. Është një mjet i shkëlqyeshëm për krijimin e faqeve të internetit, faqeve të internetit, gazetave, shënimeve të formatuara HTML, përmbajtjeve të mediave sociale.
4. NoteTab (dy versione, me pagesë dhe falas)
NoteTab është një tjetër redaktues HTML dhe CSS që ofron veçori për zhvillim të shpejtë. Është një produkt i softuerit Fookes, i cili ka prodhuar mjete përshpejtimi të zhvillimit për 20 vitet e fundit.
Popullariteti i NoteTab konfirmohet nga fakti se përdoret në NASA, FBU, VISA, CIA Hewlett Packard, MIT.
NoteTab ka tre versione, Light, Standard dhe Pro. Versioni i lehtë shpërndahet pa pagesë për përdorim individual. Nuk i ka të gjitha tiparet e versionit Pro, por mbështet bibliotekat HTML5 dhe CSS3, bootstrap, plotësimin automatik të HTML, bashkimin e skedarëve në projekte, mbështetje HTML Tidy, HTML në tekst dhe gjithashtu ka shumë tema.
NoteTab mund të ekzekutohet drejtpërdrejt nga një shkop USB dhe nuk ka nevojë të instalohet në kompjuterin tuaj. Për blogerët dhe ndërtuesit e përmbajtjes, ky redaktues mbështet numërimin e fjalëve dhe statistikat e SEO.
Mund të njiheni më mirë me NoteTab në faqen zyrtare të internetit.
5. Eclipse (redaktori pa pagesë HTML)
Eclipse është një peshë e rëndë dhe ndoshta e tepërt për zhvillimin e HTML dhe CSS, por mund të përdoret me sukses nëse nuk e keni problem instalimin dhe konfigurimin e kësaj bishe. Ky është një mjet i shkëlqyer nëse planifikoni të krijoni sajte komplekse me baza të dhënash të kombinuara me burime të tjera të dhënash, etj. Konfigurimi mund të marrë pak kohë dhe të kërkojë instalimin e shtojcave shtesë.
Eclipse është IDE më popullor me burim të hapur. Ky redaktues përdoret zakonisht për Java, JavaScript, PHP, Ruby, Android dhe shumë gjuhë të tjera programimi.
Mësoni më shumë këtu -
6. HTML-Online
Kur bëhet fjalë për modifikimin e kodit HTML në internet, në një shfletues, asgjë nuk e kalon HTML-online.com. Ju mund të filloni procesin e shkrimit të kodit menjëherë, pa shkarkuar dhe instaluar asnjë program, dhe është falas.
Një nga avantazhet e këtij redaktuesi është shndërrimi i Word në HTML, falë të cilit mund të kopjoni përmbajtjen tuaj nga skedarët e Microsoft Word dhe të aplikoni automatikisht shënimin HTML në të. Ekziston gjithashtu mbështetje për dokumentet e Google, PDF, Excel, PowerPoint dhe shumë lloje të tjera dokumentesh.
Është një redaktues i fuqishëm vizual që do t'ju ndihmojë të krijoni faqen tuaj të internetit duke mbajtur një sy në ndryshimet e kodit në dritaren ngjitur. Karakteristika të tjera që ia vlen të përmenden janë pastrimi HTML, transmetimi i elementeve të tabelës në div, gjetja dhe zëvendësimi i opsioneve.
7. BlueGriffon (licencë falas, bazë dhe EPUB)
BlueGriffon vjen nga shtëpia e Disruptive Innovations SAS. Është ndërtuar në Gecko, motori i paraqitjes së faqeve në internet të Mozilla-s. BlueGriffon është një redaktues i fuqishëm që trashëgon shumë nga aftësitë e tij nga Netscape, Composer, Nvu dhe Mozilla.
BlueGriffon ka tre variacione, i pari është falas, i dyti shpërndahet nën licencën bazë dhe më i fuqishmi është nën licencën EPUB.
Versioni falas gjithashtu mund të bëjë shumë. Ka lëkura të zeza dhe të lehta, mbështetje për format audio, video dhe HTML5, veçoritë e redaktimit CSS3 përfshijnë tranzicionet, transformimet 3D dhe 2D, krijimin SVG, teknologjinë WYSIWYG, menaxherin e shkronjave google, menaxherin e shkronjave të ketrit të shkronjave, mbështetjen e formatit të shënimit, ndërfaqen e përdoruesit mbi 20 gjuhë.
Ju mund të shkarkoni dhe instaloni BlueGriffon në Windows, Linux Ubuntu dhe OS X në Mac tuaj. Mund të mësoni më shumë në faqen e internetit -
8. Emacs me shtojca
www.gnu.org Emacs është një nga redaktorët më të dashur të të gjitha kohërave. Është falas për t'u përdorur (Licenca GNU). Emacs është një redaktues i kodit për qëllime të përgjithshme që mund ta personalizoni për t'iu përshtatur nevojave tuaja. Përfshirja e shtojcave të rishpërndarë lirisht e kthen atë në një redaktues të fuqishëm kodi me funksionalitet të pasur.
Kur bëhet fjalë për redaktimin e HTML, Emacs ofron modalitetin HTML, i cili e bën shumë të lehtë modifikimin e kodit tuaj. Lexoni më shumë këtu - Emacs
9. Atomi
atom.io Atom është një redaktues teksti i rindërtueshëm nga zhvilluesit e GitHub. Popullariteti i tij po rritet shumë shpejt. Ky redaktues është falas si për përdorim personal ashtu edhe për komercial (licencë MIT). Komuniteti i zhvilluesve po monitoron vazhdimisht pasurimin e redaktuesit me veçori të reja.
Si mund ta kthej Atom në një redaktues falas HTML?
Atom vjen me të gjithë funksionalitetin bazë që ju nevojitet për të redaktuar kodin tuaj, por për ta bërë atë një redaktues plotësisht funksional HTML, duhet të instaloni paketa shtesë. Midis tyre janë Emmet, atom-html-preview, Autocomplete-plus, Atom-color-highlight, Autocomplete-CSS, linter, minimap, haml dhe jade.
Atom mbështetet për Windows, Ubuntu (Debian Linux), Fedora (nga versioni 22), Mac dhe Red Hat Linux. Është më i përshtatshëm për zhvillimin e uebit sesa për shkrimin e përmbajtjes, pasi është më i orientuar drejt kodit dhe ka nevojë për një ndryshim të vogël.
10. Komuniteti Visual Studio
Visual Studio Community është një IDE plotësisht funksionale nga Microsoft dhe është falas për të gjithë. Visual studio ofron veçori të parakonfiguruara të redaktimit HTML dhe CSS që mund të përmirësohen më tej me shtesa.
Shtesat e njohura që vlen të përmenden janë HTML Snippets, HTMLHint, mbështetje HTML CSS, Intellisense për emrin e klasës CSS.
Ashtu si Eclipse, komuniteti Visual Studio është një zgjedhje e shkëlqyer për faqet komplekse dhe shumë të shkallëzueshme që kërkojnë shumë teknologji.
konkluzioni
Gjuha e shënjimit HTML përdoret kudo. Ka shumë redaktorë HTML që kanë ekzistuar shumë kohë më parë, por megjithatë mbajnë ritmin me kohën dhe janë mjaft të përshtatshëm për zhvillimin e uebit. Por ka të tjera që tashmë u mungon funksionaliteti dhe produktiviteti. Redaktorë të rinj si Brackets dhe Atom po shfaqen për të mundësuar redaktimin efikas të kodit.
Shumica e redaktorëve të listuar në këtë artikull kanë karakteristikat e tyre, por ato i shërbejnë një qëllimi - krijimi i faqeve në internet. Ato rrisin shpejtësinë e zhvillimit dhe ndihmojnë në thjeshtimin e kodit, duke marrë parasysh mundësinë e shkallëzueshmërisë së tij.
Hidhini një sy më nga afër opsioneve të përmendura në këtë artikull, shkruani nevojat tuaja kryesore, ngushtoni listën në disa redaktorë, provoni secilin dhe përcaktoni se cili ju pëlqen më shumë. Me siguri do të gjeni të paktën një redaktues të mirë HTML për Linux, Mac dhe Windows.
Kompleti më i mirë i softuerit të redaktuesit HTML në kohë reale me pamje paraprake vizuale dinamike të menjëhershme dhe redaktues inline WYSIWYG duke përdorur funksionin CKEditor dhe pastrimin e shënjimit. Përfshin një shikues HTML, redaktues, kompresor, zbukurues dhe formatues të thjeshtë. Është e pamundur të krijosh kod të pavlefshëm me këtë mjet.
Si të përdorni redaktuesin HTML?
Aktivizoni lëvizjen automatike. Të dy redaktorët do të lëvizin së bashku kur ky opsion është i aktivizuar.
Rregulloni madhësinë e shkronjave sipas preferencave tuaja.
Ekzekutoni të gjitha opsionet që janë të kontrolluara në cilësimet (shih ikonën e ingranazheve më lart).
Karakteristika të tjera të rëndësishme redaktimi
Ju mund t'i provoni këto veçori të redaktuesit HTML për të praktikuar dhe për të maksimizuar efikasitetin e kodimit.
- Konvertuesi i dokumenteve- Për të kthyer çdo dokument vizual si Excel, PDF, Word në HTML, thjesht ngjitni dokumentin në redaktuesin vizual dhe shënimi do të shfaqet menjëherë në të djathtë.
- Redaktori i tekstit në internet- Hartoni dokumente, ashtu si në një redaktues teksti të pasur. Përdorni panelin e kontrollit për të përfshirë imazhe, tabela, tituj, lista dhe artikuj të tjerë në letrën tuaj.
- Kopjo - ngjit- Redaktori nuk do t'ju lejojë të ruani dokumentet. Për këtë ju duhet të kopjoni kodin tuaj të krijuar në një skedar teksti bosh, ndryshoni shtrirjen e tij në .html dhe hapeni në një shfletues uebi.
- Puna me tabela- Duke përdorur panelin e redaktuesit WYSIWYG mund të krijoni një tabelë të çdo dimensioni me vetëm 2 klikime. Ekziston një opsion pastrimi për t'i kthyer ato në etiketa të stiluara DIV.
- Zhbër- Të dy redaktorët kanë këtë funksion i cili lejon kthimin e dokumentit në gjendjen e mëparshme, dmth. para se të kryhet pastrimi.
- Demo interaktive- Merrni një turne me 4 hapa duke kaluar nëpër veçoritë duke klikuar Turne e shpejte artikulli i menysë. Mësoni si të përdorni redaktorin dhe eksperimentoni me tekstin demo.
Kurrë nuk harrojmë:
- Bëni një kopje rezervë përpara se të përdorni këtë mjet për t'u siguruar që mund të ktheheni gjithmonë në dokumentin tuaj origjinal.
- Kontrolloni gjithmonë kodin tuaj përpara se ta publikoni në një faqe interneti të drejtpërdrejtë.
- Ky redaktues kurrë nuk e ruan ose dërgon dokumentin tuaj, të gjitha operacionet kryhen në kompjuterin tuaj lokal.
- Ashtu si shumica e faqeve të internetit, kjo përdor cookie.
Stilimi i tavolinës div
Sigurohuni që të aplikoni kodin CSS më poshtë kur publikoni tabela të konvertuara në elementë div. Provoni stiluesin interaktiv të tabelave në internet i cili mund të gjenerojë rrjete si nga elementët div ashtu edhe nga tabela. Këto të dyja mbështeten nga ky redaktues.
Ju lutemi vini re se emrat e klasave të përdorura nga ne janë paksa të ndryshëm nga ato të përdorura nga DivTable.com.
.rTabela (ekrani: tabela; gjerësia: 100 % . px 10px; kufiri: 1 px solid # 999999; ) .rTableHeading (ekrani: grupi i kokës së tabelës; ngjyra e sfondit: #ddd; pesha e shkronjave: e theksuar;) ) .rTableBody (ekrani: tabela-rresht-grupi;)Klikoni dhe kopjoni kodin nga fusha më poshtë: .rTable (ekrani: tabela; gjerësia: 100%;) .rTableRow (ekrani: rreshti i tabelës;) .rTableHeading (ngjyra e sfondit: #ddd; shfaqja: grupi-header-tabela ;) .rTableCell, .rTableHead (ekrani: qeliza tabele; mbushja: 3px 10px; bordi: 1px solid # 999999;) .
