Cei mai buni editori HTML. Html Reader editor html gratuit

Fiecare dezvoltator web are nevoie de un instrument convenabil pentru crearea și editarea codului, dar nu toată lumea este pregătită să plătească o sumă decentă pentru achiziționarea aceluiași Adobe Dreamweaver. Mai mult, majoritatea oamenilor nu au nevoie să folosească o astfel de gamă de funcționalități pe care le oferă această combinație de software.

Prin urmare, am compilat pentru dvs. o listă cu cele mai bune editoare HTML care sunt distribuite sub o licență gratuită.

Notepad++

Un excelent editor de text care poate fi folosit ca înlocuitor mai funcțional pentru Windows Notepad, sau ca editor cu limbaje de layout și programare web: HTML, CSS, Java Script, PHP.

Lucrul în modul cu file, evidențierea sintaxelor, codificări, macrocomenzi, posibilitatea de a instala pluginuri suplimentare, verificarea codului și compararea fișierelor - aceste și alte caracteristici fac din Notepad++ un instrument cu adevărat util pentru un dezvoltator web.

Este de remarcat ușurința distribuției și viteza programului.

Komodo Edit

Un editor de uz general cu suport pentru HTML și CSS, care este o platformă cu drepturi depline, ale cărei capabilități pot fi extinse prin instalarea diferitelor suplimente. Setul de instrumente HTML este foarte recomandat, adăugând funcții precum previzualizarea CSS, etichete de închidere automată, suport HTML 5, completare automată contextuală și multe altele.

Alte caracteristici interesante includ scheme de culori deschise și închise, setări flexibile pentru evidențierea codului, evidențierea blocurilor, conectarea la un site prin FTP etc.

Un sistem de ajutor de înaltă calitate și o funcționalitate avansată fac din Komodo Edit unul dintre cei mai buni editori și o alternativă excelentă la soluțiile plătite.

Aptana

Scopul principal al programului este de a lucra cu HTML, CSS și JavaScript, iar suportul pentru alte limbi este oferit prin conectarea pluginurilor corespunzătoare. Completarea automată HTML și sfaturile instrumente sunt un bonus excelent pentru un editor gratuit.

Aptana acceptă parțial CSS3 și pe deplin HTML5. Pachetul de distribuție al programului este destul de voluminos, dar acest lucru se explică prin funcționalitatea sa extinsă. Pentru un începător, un număr atât de mare de funcții și setări diferite poate fi intimidant, dar, în principiu, nimeni nu te deranjează să folosești programul ca un simplu editor.

Alaborn iStyle

Un alt instrument bine realizat, ai cărui dezvoltatori au reușit să găsească un compromis între comoditatea interfeței, funcționalitate și ușurința de utilizare. Interfața este complet rusă, iar ca bonus există un sistem de ajutor bine dezvoltat.

Printre alte caracteristici pe care le oferă acest editor HTML, merită remarcat:

viteza de funcționare și cerințe reduse de resurse;
o cantitate mare de informații de referință încorporate în interfață;
lucrul cu mai multe buffer-uri de text simultan;
vrăjitori pas cu pas automati pentru a simplifica sarcinile standard.

KompoZer

Dacă toți editorii HTML enumerați mai sus au fost editori de text, atunci acesta este singurul care vă permite să lucrați în modul WYSIWYG. În plus, poate fi numit pe bună dreptate cel mai bun dintre cele gratuite. Mai mult, poate funcționa în trei moduri: text, vizual și combinat. Astfel, oferind facilitatile necesare atat pentru incepatori cat si pentru profesionisti.

Ușurința în lucrul cu codul este asigurată de o interfață ușor de utilizat, un editor CSS încorporat și suport pentru toate elementele HTML.

Nu am alocat în mod special locuri în clasament, deoarece fiecare dintre programele enumerate are propriile avantaje și dezavantaje, care pot juca un rol important pentru o persoană și pot fi complet nesemnificative pentru alta. Prin urmare, vă recomandăm să instalați și să încercați fiecare dintre programe în practică pentru a trage singur concluzii. În plus, este complet gratuit.

Fiecare web designer și programator are nevoie de un editor bun de pagini web pentru a crea și edita codul HTML, CSS și JavaScript. Notepad (Windows) și TextEdit (Mac) sunt instrumente excelente pentru început, dar pe măsură ce câștigați mai multă experiență, veți dori să utilizați un instrument mai robust și mai ușor de utilizat.

Există sute de editori excelenți din care îl puteți alege pe cel potrivit, dar mulți dintre ei sunt plătiți. Ce se întâmplă dacă nu doriți să încălcați drepturile de autor, dar bugetul dvs. nu are fonduri pentru a cumpăra un produs comercial? Acest articol analizează câteva editoare gratuite excelente.

Editori WYSIWYG. Acestea sunt editori grafici care vă permit să construiți un aspect de pagină și să setați stiluri vizual, ca în binecunoscutul procesor de text MS Word. Sunt un instrument convenabil pentru construirea unui design de pagină, deși, după cum știe orice web designer experimentat, codul trebuie încă modificat pentru a obține un rezultat excelent.
Editori de text. Acesta este un instrument pentru editarea directă a codului HTML și CSS. Unele editori sunt de uz general și nu au opțiuni speciale pentru suport pentru codul web. Alții sunt specializați în utilizarea limbilor web precum HTML, CSS, JavaScript și PHP și au proprietăți încorporate pentru introducerea rapidă a etichetelor HTML, proprietăților CSS și așa mai departe. Multe dintre aceste editoare vă permit să vizualizați o pagină web într-o fereastră separată.

KompoZer (Windows, Mac, Linux)

KompoZer este o alegere excelentă dacă aveți nevoie de un editor vizual cu un buget redus

Komodo Edit este un editor bun, ușor de învățat, dar puternic și extensibil

Deși este un editor de uz general, acceptă HTML și CSS și are completare automată contextuală pentru etichete HTML și proprietăți CSS, precum și o colecție de inserții de cod pentru diferite elemente HTML. Pentru a profita la maximum de Komodo, trebuie să instalați extensia HTML Toolkit, care conține funcții minunate precum etichetele de închidere automată, previzualizarea aspectului CSS și un generator de text temporar.

Komodo Edit vă permite să vizualizați paginile pe care le editați în orice browser instalat sau să utilizați browserul încorporat într-o fereastră separată, astfel încât să puteți edita și să vedeți rezultatele modificărilor dvs. în același timp.

Editorul are o funcție încorporată pentru încărcarea fișierelor pe site (FTP, FTPS, SFTP sau SCP) și puteți, de asemenea, să vă grupați corect fișierele folosind opțiunea de manager de proiect.

Funcție foarte utilă Cod > Selectați Blocare. Evidențiază blocul HTML principal curent, cum ar fi elementul div sau ul închis în prezent. O funcție foarte convenabilă atunci când trebuie să selectați o secțiune întreagă pe o pagină pentru copiere sau mutare.

Komodo Edit are o mulțime de funcții puternice și utile, cum ar fi utilizarea expresiilor regulate pentru găsirea/înlocuirea, capacitatea de a executa comenzi externe și așa mai departe. Din fericire, editorul are, de asemenea, un sistem de ajutor bun care facilitează învățarea puterii Komodo Edit.

Aptana Studio (Windows, Mac, Linux)

Aptana Studio este un mediu complet integrat de dezvoltare a aplicațiilor web, cu un set mare de pluginuri. Deși îl puteți folosi doar ca editor de cod HTML/CSS/JavaScript

Notepad++ este un înlocuitor excelent pentru Notepad pe Windows. Deși nu are atât de multe opțiuni ca alți editori, este excelent pentru editarea fișierelor HTML, CSS, JavaScript și alte coduri

PSPad este un alt editor de uz general pentru Windows, cu o gamă largă de caracteristici utile pentru codificatorii HTML și CSS

jEdit este un editor de text multiplatformă cu funcții puternice de comandă macro și plugin. Instalați pluginul XML dacă trebuie să editați pagini web

TextWrangler este un editor ușor de uz general. În ciuda lipsei de funcții speciale pentru dezvoltarea web, poate fi folosit pentru a lucra cu pagini web.

Vim este cu siguranță greu de învățat, dar odată ce treci de provocări, nu vei mai dori să te întorci!

Bunicul editorilor de text pentru programatori, Vim (un descendent direct al editorului vi) este un editor de text pentru consolă open-source. Este editorul implicit pentru aproape toate versiunile Unix, inclusiv Linux și Mac OS X. Este disponibil și pentru utilizare pe Windows și multe alte sisteme.

Vim nu este un sistem pe care îl puteți instala și începe să îl utilizați imediat, fără să fi lucrat vreodată cu el. Majoritatea comenzilor de editare includ combinații ciudate precum :wq și / . De asemenea, are trei moduri de editare: mod inserții, în care este introdus text; vizual modul de selectare a textului; Și comanda modul de introducere a comenzilor. Această funcționalitate este o moștenire a Unix din zilele în care nu existau ferestre și mouse.

De ce era pe listă? Dacă îl stăpânești, te vei convinge de viteza și puterea lui. Cu câteva comenzi, puteți face în câteva secunde ceea ce ar putea dura câteva minute în alte editoare.

Există un număr mare de macrocomenzi și plugin-uri pentru Vim care facilitează lucrul cu codul HTML, CSS și JavaScript, inclusiv evidențierea sintaxei, completarea automată, HTML Tidy și vizualizarea browserului. Iată o listă mare de link-uri utile:

Completare automată Vim Omni
Editare HTML/XHTML în Vim
pagina principala

Fraise (Mac)

Fraise este un editor intuitiv pentru Mac, cu un set de funcții suficiente pentru editarea web

La fel ca TextWrangler și gedit, Fraise este un editor minunat, ușor, care este o plăcere de utilizat. Este o furcă de la editor. Este relativ nou și nu are un server web adecvat. În prezent este acceptat doar pe Mac OS X 10.6 (Snow Leopard), adică dacă rulați versiunea 10.5 va trebui să descărcați Smultron.

Fraise are câteva opțiuni excelente pentru editarea web:

Evidențierea codului pentru HTML, CSS, JavaScript, PHP și alte câteva limbaje de programare.
Comanda Închidere etichetă (Comandă-T) pentru a închide eticheta curentă. Acest lucru economisește cu adevărat timp atunci când introduceți liste.
Previzualizare convenabilă în browserul încorporat (folosind WebKit), cu o opțiune de actualizare live foarte convenabilă? care actualizează browserul de îndată ce marcajul și CSS-ul de pe pagina care este editată s-au schimbat.
Opțiunea de căutare avansată, care acceptă căutarea/înlocuirea folosind expresii regulate.
Suport pentru blocuri pentru a introduce rapid etichete HTML și proprietăți CSS.
Câteva comenzi utile pentru manipularea textului, cum ar fi validarea HTML și conversia caracterelor în elemente HTML.

Fraise merită explorat dacă utilizați un Mac și doriți un editor ușor de utilizat, cu mai multe capabilități decât TextEdit încorporat.

Bună ziua, dragi cititori ai site-ului blogului. De foarte mult timp am vrut să scriu despre un editor gratuit minunat (linkul duce la site-ul oficial de unde puteți descărca cea mai recentă versiune cu suport pentru limba rusă).

De mulți ani încoace, este unul dintre cele mai populare și utilizate programe pentru editarea codului Html, CSS și PHP. Sunt chiar surprins: „cum m-am descurcat fără el înainte, realizându-și potențialul cu ajutorul altor programe?”

Acum am întotdeauna câteva browsere care rulează simultan pe computerul meu, un manager FTP FileZilla foarte simplu, gratuit și convenabil și chiar acest editor, ale cărui capacități sunt pur și simplu incomparabile cu blocnotesul implicit folosit în Windows. Dar mai întâi lucrurile.

Descărcarea și caracteristicile editorului Notepad++

Instalarea programului pe Windows se realizează într-un mod complet normal. Puteți și dacă doriți descărcați Notepad++Portable, care este versiune portabilă acest editor, care nu necesită instalare în sistemul de operare.

Versiunea portabilă poate fi obținută de la cea obișnuită dacă despachetați arhiva cu programul în orice locație convenabilă și rulați fișierul executabil notepad.exe.

Toate avantajele editorului Notepad++

De fapt, blocnotesul încorporat în Windows este la fel de diferit de eroul nostru precum cerul și pământul. Nu există practic nimic în blocnotesul clasic, cu excepția capacității de a vizualiza și crea fișiere text simple (se dovedește ceva similar cu un baston de săpat folosit de oameni în stadiile incipiente de dezvoltare).

Odată ce începi să folosești NotePad cu două avantaje, cel puțin pentru a ajusta fișierele Html și CSS, vei fi imediat transportat din epoca de piatră în cabina unei mașini moderne de terasament. Există, desigur, și alte programe alternative și chiar , dar pentru un începător, un „notepad cu două plusuri” va fi exact lucrul (IMHO).

Da, desigur, la prima utilizare poate părea complicată și neconvențională. Dar acest lucru este abia la începutul cunoașterii și atunci îți va fi la fel de dificil să trăiești fără ea, așa cum, de exemplu, mulți utilizatori de computere nu își pot imagina viața (de asemenea, un fel de „clasic”).

Dacă comparăm Notepad ++ cu programe mai complexe concepute pentru a facilita scrierea și editarea diferitelor coduri, cum ar fi Dreamweaver, atunci există destul de multe argumente pentru utilizarea eroului nostru:

In primul rand, este absolut gratuit, ceea ce înseamnă că puteți economisi mult folosindu-l în locul Dreamweaver, dacă nu țineți cont de versiunile piratate ale programelor plătite (care ar putea fi un teren propice pentru troieni și alți viruși).
În al doilea rând, Notepad este mult mai mult usoara si rapida decât mulți dintre editorii plătiți. În plus, este posibil să îl utilizați fără să îl instalați deloc în sistemul de operare Windows (așa-numita versiune portabilă - portabilă) și să îl transportați, de exemplu, . Drept urmare, veți avea întotdeauna la îndemână un instrument convenabil, funcțional și bine înțeles pentru a lucra cu HTML, PHP și alte câteva zeci de tipuri de cod.

De ce merită descărcat acest editor?

Să trecem pe scurt peste capacitățile și caracteristicile sale, apoi să încercăm să le luăm în considerare mai detaliat. Deci, Notepad++ poate face următoarele:

Evidențiați câteva zeci dintre cele mai populare limbaje de programare și marcare, de exemplu, cum ar fi: Ada, Assembler, C, C#, C++, CSS, FORTRAN, HTML, Java, JavaScript, Objective-C, Pascal, Perl, PHP, Python, Ruby, SQL, XML.

Pentru toate aceste limbi se realizează evidențierea sintaxelor, împărțind codul în linii și blocuri, care pot fi restrânse făcând clic pe semnul minus și extins făcând clic pe semnul plus. De asemenea, puteți afișa relația dintre elemente cu o linie punctată. Ca exemplu, am luat o bucată de cod PHP pentru a demonstra capacitățile acestui editor:

Dacă dați clic pe eticheta Html de deschidere, aceasta va fi evidențiată cu un fundal albastru și, în același timp, va fi evidențiată și eticheta de închidere, dacă există. Excelent pentru a găsi elemente neînchise și .

Este foarte ușor de implementat schimba codificarea, de exemplu, cea acum populară, despre care am vorbit într-un articol dedicat luptei împotriva krakozyabrilor în codificări în limba rusă (vezi-l la link).
Într-o fereastră de program puteți deschide câte fișiere doriți pentru editare, deoarece folosește Notepad++ fileîn felul celor cu care v-ați obișnuit deja în browserele moderne.
Culoarea dischetei de pe fiecare filă indică dacă ați salvat ultimele modificări pe care le-ați făcut folosind o dischetă similară din bara de instrumente. Pe fila activă, o dischetă roșie (și pe o filă inactivă - violet) indică uitarea ta.
Cu acest editor puteți conduce căutare(Ctrl+F) atât pentru documentul deschis în el, cât și pentru o mulțime de fișiere text aflate într-un anumit folder. Căutați cu înlocuire și folosind expresii regulate sunt posibile. Un instrument uimitor de convenabil.
În setările acestui editor, puteți activa scrierea automată a etichetei HTML de închidere atunci când introduceți eticheta de deschidere, precum și opțiunea de completare automată pentru etichete.
NotePad++ nu numai că păstrează un istoric al tuturor modificărilor și vă permite să derulați înapoi oricât de pași doriți sau să mergeți înainte, dar face și copii de rezervă ale acestor documente în același mod ca Microsoft Word.
Acest editor are capacitatea de a controla taste rapide, dintre care sunt foarte multe specificate în el - din meniul de sus „Opțiuni” - „Taste rapide”. Mai mult, atunci când dai dublu clic pe combinația care te interesează, se va deschide o fereastră de reatribuire a tastelor, care poate fi convenabilă pentru cei care trec la Notepad dintr-un alt editor.
Blocnotes de-a lungul anilor de existență am o mulțime de pluginuri, unele sunt instalate implicit cu acesta, iar restul vă vor fi disponibile din meniul de sus „Plugins” - „Plagin Manager” - „Show Plagin Manager”.
Pentru a instala, trebuie doar să bifați caseta de lângă pluginul necesar din prima filă și să faceți clic pe butonul „Instalare”.

După aceasta, fereastra editorului se va reîncărca și noul plugin va fi disponibil în fila cu același nume:
Acest „cuțit elvețian” se poate conecta la site-ul tău prin FTP, înregistrează și reda macrocomenzi, verifică ortografia din mers, compară două fișiere în ferestre deschise unul lângă celălalt și multe, multe altele.

De ce altceva ai putea avea nevoie în Notepad++

Datorită evidențierii sintaxei în Notepad ++, este foarte ușor, de exemplu, să verificați dacă toate etichetele HTML din cod sunt închise și, cu o experiență minimă, veți observa deja vizual ce este în codul dvs. a fost o greșeală făcută undeva, deoarece schema de culori a codului din acest loc se va schimba.
De asemenea, datorită faptului că codul este evidențiat color, iar textul obișnuit al articolelor mele rămâne negru, este foarte convenabil pentru corectorul meu constant de erori gramaticale (iubita soție) să verifice gramatica în el. Nu, desigur, folosesc diverse, dar nici unul dintre ele nu mai poate verifica punctuația și erorile semantice.
Ceea ce îmi place foarte mult la acest editor de text este capacitatea de a afișa vizual blocuri individuale de cod folosind paranteze de evidențiere precum ( ) (). Când cursorul mouse-ului se află între paranteze, acestea sunt evidențiate, ca și cum ar evidenția începutul și sfârșitul unui bloc de cod HTML sau PHP.
Pe lângă implementarea excelentă a luminii de fundal, trebuie făcută o mențiune specială asupra posibilității fa un pas inapoi(anulați acțiunea anterioară). În plus, numărul de pași înapoi nu este limitat, ceea ce vă permite să nu vă fie teamă să experimentați cu codul fără riscul unor consecințe ireversibile.
Anularea unei acțiuni în Notepad++ este posibilă folosind tastele rapide Ctrl+Z (Ctrl+Y este un pas înainte, adică anularea anulării), folosind elementele de meniu corespunzătoare „Editare” sau folosind butoanele sub formă de săgeți curbate din bara de instrumente a acest editor.
NotePad++ monitorizează constant starea documentelor deschise în el și dacă acestea sunt modificate sau șterse, de exemplu, într-un alt program, vi se va afișa o fereastră care vă cere să închideți această filă cu documentul sau să reîncărcați versiunea modificată a acestuia.
După cum am menționat mai devreme, bloc-notesul doi plus are capacitatea de a setări de evidențiere a sintaxelor(precum și alte duzini de limbi) pentru a se potrivi gusturilor și nevoilor dvs., dar nu am folosit niciodată această opțiune, deoarece sunt destul de mulțumit de setările implicite.
Dar nimeni nu vă împiedică să faceți acest lucru, din fericire, totul este extrem de simplu - selectați „Opțiuni” - „Definiți stiluri” din meniul de sus, care va deschide o fereastră în care puteți ajusta fonturile și culorile pentru evidențierea Html, PHP sau orice altă limbă de care aveți nevoie.

Notepad++ are și opțiunea completare automată cuvântul pe care îl tastați, ceea ce poate fi foarte convenabil dacă nu sunteți sigur de ortografia corectă a unui anumit HTML, PHP sau a oricărei alte instrucțiuni de cod. Pentru a face acest lucru, atunci când tastați, apăsați combinația de taste Ctrl-Space și selectați opțiunea dorită din fereastra care se deschide:

Dacă doriți să automatizați completarea codului, fără a utiliza tastele rapide, va trebui să selectați „Opțiuni” - „Setări” din meniul de sus și în fila „Rezervare/Completare automată”, bifați caseta „Activare pentru fiecare intrare”.

O altă caracteristică care mi se pare destul de convenabilă în acest editor este capacitatea de a trage comenzile rapide ale documentelor direct în fereastra programului pentru a le deschide (deși acest lucru nu surprinde pe nimeni) și capacitatea Tragere și plasareîn documentul în sine, selectați un fragment de cod (cu butonul stâng al mouse-ului) în locul de care aveți nevoie.
Când lucrați cu Notepad++, veți avea opțiunea pune markere, care se numesc note în el, dar esența nu se schimbă. În linia de care aveți nevoie, puteți plasa un marcator sub forma unui punct albastru pe marginea din stânga făcând clic cu mouse-ul.
Pentru a seta un marcator (notă) în editor, puteți folosi și comanda rapidă de la tastatură Ctrl-F2, iar pentru a vă deplasa între markerii plasați în document, trebuie doar să apăsați succesiv F2 sau Shift-F2 pentru a derula notele din partea opusă direcţie.
Dacă lucrați în acest editor cu un fișier HTML, puteți căuta cum va arăta codul tău în browser FireFox sau IE selectând elementele corespunzătoare din meniul Start. Dacă aveți nevoie de alt browser, selectați elementul de sus „Lansare” și căutați fișierul executabil de care aveți nevoie în fereastra care se deschide.
De asemenea este si capacitatea de a înregistra macrocomenzi, pe care nu le-am creat încă, dar logica muncii lor este destul de simplă. În primul rând, îl înregistrați selectând „Macro-uri” - „Începe înregistrarea” din meniul editorului, apoi introduceți macrocomenzile înregistrate în locul dorit din cod, selectându-le din meniul editorului sau utilizând tastele rapide alocate acestora.

Codificări și lucrul cu fișiere în fereastra editorului NotePad++

Trebuie remarcat faptul că acest editor de cod vă permite să salvați și să convertiți fișiere Html, PHP și alte fișiere în codificare UTF-8 (fără BOM). Acest lucru m-a ajutat de mai multe ori să depășesc problema cu codificarea rusă atunci când lucrez cu diverse site-uri.
Când am vrut să schimb o inscripție de pe site în rusă, am ajuns adesea să primesc mesaje proaste, motiv pentru care a fost codarea Windows-1251 în care a fost salvat fișierul sursă.
După ce fișierul original a fost convertit în Codificare UTF-8 (fără BOM), krakozyabrurile au fost transformate cu succes în simboluri rusești obișnuite. Acea. Dacă adăugați alfabetul chirilic la orice fișiere de motor, atunci pentru a-l afișa corect pe site va trebui fie să îl salvați imediat în codificarea corectă, fie să îl convertiți mai târziu.
Probabil că ar trebui să spun câteva cuvinte despre acest BOM. Faptul este că atunci când lucrați cu diferite obiecte text într-un bloc de note Windows obișnuit, atunci când îl salvați în codificare UTF-8, sunt adăugate caractere invizibile (BOM), care pot afecta ulterior performanța acestui fișier (de exemplu, PHP poate arunca o eroare).
Dacă doriți să imprimați conținutul unui fișier deschis, codul va fi tipărit nu în forma în care îl vedeți în fereastra programului. Dar selectând din meniul „Opțiuni” - fila „Setări”. "Sigiliu" veți fi liber să schimbați acest lucru și să alegeți opțiunea de imprimare a codului evidențiat în culoare, permițând afișarea numerelor de rând, antetelor și subsolurilor etc. lucruri:
Acest editor de text avansat vă permite, de asemenea, să deschideți câte documente noi doriți, fără teama de a aglomera bara de activități a sistemului de operare. La unison cu browserele moderne, va deschide toate documentele noi nu într-o fereastră nouă de program, dar într-o filă nouă fereastra deja deschisa.
Mai mult, aceste file ale diferitelor documente din fereastra acestui bloc de note pot fi trase arbitrar cu mouse-ul, închise și minimizate.
Ei bine, în funcție de setările efectuate („Opțiuni” - „Setări”), toate filele deschise înainte de închiderea Notepad ++ vor fi restaurate data viitoare când porniți programul (din nou, similar cu modul în care funcționează browserele). Le puteți închide pe cele inutile făcând dublu clic pe ele sau plasându-le vertical.
Pe lângă operațiunile obișnuite cu file, în acest editor puteți deschide într-o singură fereastră deodată două copii ale aceluiași document. Acest lucru poate fi necesar dacă trebuie să lucrați cu un document în diferite părți ale acestuia (uitați-l undeva sau copiați-l și lipiți-l undeva).
Pentru a activa acest mod, trebuie doar să faceți clic dreapta pe fila editor PHP dorit și să selectați „Duplicați într-o altă fereastră” din meniul contextual.
Este foarte convenabil ca, dacă salvezi modificările într-una dintre copiile documentului, să fie actualizată și cea de-a doua (adică nu te vei încurca dacă ai salvat modificările făcute și în ce copie).
Și mie îmi place foarte mult căutare încorporată folosind documente HTML sau PHP deschise cu posibilitate de înlocuire(unii folosesc în mod activ expresii obișnuite pentru asta, dar, spre rușinea mea, nu le cunosc). Toată bogăția căutării în acest editor de text avansat poate fi apreciată prin simpla deschidere a elementului de meniu „Căutare”. Vedeți captura de ecran de la începutul articolului.

În general, acest editor de text a preluat o mulțime de funcții utile și convenabile din funcționalitatea altor aplicații, pentru care un respect deosebit este acordat dezvoltatorilor săi și celor care fac pluginuri pentru el, dintre care unele vor fi acum discutate.

Folosind pluginuri în Notepad++

Permiteți-mi să vă reamintesc că pentru a instala un nou plugin va trebui doar să selectați „Plugins” din meniul de sus al editorului - „ Manager de pluginuri" - "Afișați Managerul de pluginuri".

Iar în fereastra care se deschide, în prima filă (din meniul de sus), bifați caseta de lângă pluginul dorit și faceți clic pe butonul "Instalare".

După aceasta, fereastra editorului se va reîncărca și noul plugin va fi disponibil în fila cu același nume. În general, totul nu poate fi mai simplu.

De ce pluginuri pentru Notepad ai putea avea nevoie în munca ta

Pluginul oferă o mulțime de gadgeturi suplimentare și convenabile „TextFX”, care după instalare va fi disponibil în articolul cu același nume din meniul de sus al editorului. Dacă nu aveți încă un astfel de articol, atunci accesați „Plugins” - „Plagin Manager” - „Afișați Plagin Manager”, derulați în jos lista din prima filă și bifați caseta de lângă TextFX Character.

După instalarea acestuia, editorul va reporni și un nou element TextFX cu multe sub-articole drop-down va apărea în meniu. De exemplu, activarea opțiunii prezentate în figură vă poate ușura foarte mult viața atunci când editați sau scrieți cod HTML:

În acest caz, de îndată ce introduceți eticheta Html de deschidere în editorul de text Notepad++, va apărea imediat lângă ea o etichetă de închidere potrivită. Există o economie semnificativă de timp și o reducere semnificativă a probabilității unei erori din cauza unei etichete neînchise. Totuși, chestia asta mă enervează și nu-l folosesc. Dar asta nu îi diminuează deloc demnitatea.

Există destul de multe gadget-uri în TextFX, așa că încercați-le în practică și decideți ce anume vă va fi convenabil și util.

Ei bine, continuând subiectul filelor în editor, merită menționat posibilitatea comparând două documente. Mai întâi va trebui să instalați acest plugin prin Plugin Manager:

Pentru a activa modul de comparare a documentelor în Notepad++, trebuie doar să selectați „Suplimente” - „Comparare” - „Comparare” din meniul de sus sau apăsați Alt + D de pe tastatură. Ca rezultat, fila activă în prezent va fi deschisă în fereastra acestui blocnotes, precum și fila situată lângă acesta.

Pentru comoditatea comparării a două documente Html sau PHP, editorul Notepad ++ va evidenția diferențele dintre acestea pentru dvs. Pentru a trece la modul normal de lucru cu documente, trebuie să selectați „Suplimente” - „Comparați” - „Ștergeți rezultatele” în meniul de sus sau apăsați Ctrl+Alt+D de pe tastatură.

Mai mult, două documente din fereastra Notepad++ pot fi vizualizate atât pe verticală, cât și pe orizontală. Pentru a selecta metoda care este cea mai convenabilă pentru dvs., faceți clic dreapta pe locația secțiunii lor și selectați direcția de rotație (dreapta sau stânga).

Apropo, dacă, ca mine, utilizați în principal Notepad++ pentru a edita fișiere HTML sau PHP ale site-ului dvs., atunci s-ar putea să vă fie util să vă puteți conecta la acesta prin FTP direct din acest editor de text. Adevărat, prefer cumva să lucrez cu FileZilla, mai ales că chiar au reușit să-mi fure parolele din el.

Dacă doriți să încercați să lucrați prin FTP prin Notepad, selectați „Plugin-uri” - „NppFTP” - „Afișați fereastra NppFTP” din meniul de sus, care va deschide fereastra client FTP din dreapta.

Pentru a configura o conexiune FTP, faceți clic pe pictograma roată, selectați „Setare profil” și introduceți detaliile conexiunii. Lucrările ulterioare nu diferă mult de ceea ce am scris în articolul despre FileZilla, care trăiește.

Dacă instalați pluginul Customize Toolbar utilizând Plagin Manager, veți putea să amestecați, să ștergeți sau să adăugați noi butoanele din bara de instrumente acest program.
La începutul articolului am menționat Light Explorer, care adaugă posibilitatea de a deschide în coloana din stânga manager de fișiere. Cu toate acestea, puteți folosi și Explorer, pe care îl veți găsi în managerul de pluginuri, în același scop.
Plugin grozav WebEdit, care permite, prin analogie cu editorul Html WordPress, să încadreze textul cu cele mai populare etichete de titlu, liste, tabele și altele. Selectați fragmentul dorit și faceți clic pe unul dintre butoanele din bara de instrumente Notepad++.
ImgTags - vă permite să aveți deja specificate dimensiuni orizontale și verticale (le calculează singur, ceea ce este foarte tare), atribute ALT și SRC pregătite (va trebui să adăugați și calea către folderul cu imagini de pe serverul dvs. de acolo).

Fereastra de verificare ortografică în NotePad++ folosind pluginuri

A conecta Verificări ale gramaticii ruse editorul Notepad ++ folosește pluginul Shell-Checker (din elementul de meniu „Plugins”), pentru care va trebui să descărcați dicționarul în limba rusă de pe această pagină, iar atunci când activați acest plugin de verificare ortografică, specificați calea pe computer la fișierul dicționar.

Există nuanțe de instalare. Mai întâi vei avea nevoie Descarca Program de instalare complet și apoi un fișier cu dicționarul rus aspell-ru-0.50-2-3.exe. Mai întâi, instalați programul de instalare complet, în al cărui expert nu am schimbat personal calea implicită selectată (c:\Program Files (x86)\Aspell\).

Apoi instalați pachetul de limbă, unde mai întâi va trebui să introduceți litera „y” în fereastra DOS și să apăsați Enter de pe tastatură (deși, poate că acesta eram doar eu, deoarece instalasem deja GNU Aspell pe computerul meu înainte):

Apoi va începe expertul standard de instalare a dicționarului rusesc, unde din nou nu am schimbat calea implicită. Toate.

Acum reporniți Notepad ++ și fie selectați elementele afișate chiar mai sus din meniu, fie țineți apăsată combinația ireala CTRL+ALT+SHIFT+S de pe tastatură. În fereastra care se deschide, va trebui să introduceți calea către directorul BIN din folderul Aspell:

Dacă nu ați schimbat calea la instalarea GNU Aspell și dicționarul rus, atunci va trebui să introduceți aici:

C:\Program Files (x86)\Aspell\bin\

Ei bine, sau ceva similar, în funcție de sistemul dvs. de operare. Gata, acum selectați textul în care doriți să verificați ortografia și apăsați CTRL+ALT+SHIFT+S (puteți schimba această combinație în setările tastelor rapide - vezi mai sus). Va apărea o fereastră care arată prima eroare găsită:

Puteți să-l ignorați sau să alegeți un înlocuitor potrivit dintre opțiunile propuse. Mai jos puteți schimba limba de verificare dacă ați instalat mai multe module de limbaj GNU Aspell. Asta e tot.

DSpellCheck- o soluție foarte convenabilă în maniera pluginului anterior, deoarece folosește și GNU Aspell și dicționarul său rusesc, dar face deja verificarea ortografică din mers, la fel ca în toate browserele moderne. Accesați managerul de pluginuri și instalați-l.

Imediat, verificarea gramaticală va fi activată implicit (se poate dezactiva prin debifarea casetei afișate în captură de ecran), dar va fi conectat doar modulul cu limba engleză, așa că mergem la setările DSpellCheck și facem modificări.

Selectați Aspell din lista derulantă (dacă nu îl aveți încă instalat, apoi derulați puțin în sus acest articol și descărcați modulul împreună cu pachetul de limbă rusă pentru a le instala pe sistemul de operare) și chiar mai jos indicați calea în fișierul aspell-15.dll. Puțin mai jos, selectați limba dicționarului conectat, dacă ați instalat mai multe dintre ele, și faceți clic pe Aplicare.

Acum toate erorile găsite vor fi subliniate cu o linie ondulată roșie (culoarea poate fi schimbată în setări), iar când mutați cursorul mouse-ului va apărea o săgeată, făcând clic pe care puteți alege ortografia corectă a unui anumit cuvânt. , sau adăugați-l în dicționar sau în lista de ignorare.

Multă baftă! Ne vedem curând pe paginile site-ului blogului

Puteți viziona mai multe videoclipuri accesând

");">

S-ar putea să fiți interesat

Cum să eliminați liniile goale din Notepad++ Cum să selectați domenii dintr-o listă de adrese URL și să eliminați repetările acestora utilizând Notepad++ (pregătirea unei liste pentru link-uri Desavow)

Editori WYSIWYG. Acestea sunt editori grafici care vă permit să construiți un aspect de pagină și să setați stiluri vizual, ca în binecunoscutul procesor de text MS Word. Sunt un instrument convenabil pentru construirea unui design de pagină, deși, după cum știe orice web designer experimentat, codul trebuie încă modificat pentru a obține un rezultat excelent.
Editori de text. Acesta este un instrument pentru editarea directă a codului HTML și CSS. Unele editori sunt de uz general și nu au opțiuni speciale pentru suport pentru codul web. Alții sunt specializați în utilizarea limbilor web precum HTML, CSS, JavaScript și PHP și au proprietăți încorporate pentru introducerea rapidă a etichetelor HTML, proprietăților CSS și așa mai departe. Multe dintre aceste editoare vă permit să vizualizați o pagină web într-o fereastră separată.

KompoZer (Windows, Mac, Linux)

KompoZer este o alegere excelentă dacă aveți nevoie de un editor vizual cu un buget redus

Komodo Edit este un editor bun, ușor de învățat, dar puternic și extensibil

Aptana Studio (Windows, Mac, Linux)

Aptana Studio este un mediu complet integrat de dezvoltare a aplicațiilor web, cu un set mare de pluginuri. Deși îl puteți folosi doar ca editor de cod HTML/CSS/JavaScript

PSPad este un alt editor de uz general pentru Windows, cu o gamă largă de caracteristici utile pentru codificatorii HTML și CSS

jEdit este un editor de text multiplatformă cu funcții puternice de comandă macro și plugin. Instalați pluginul XML dacă trebuie să editați pagini web

TextWrangler este un editor ușor de uz general. În ciuda lipsei de funcții speciale pentru dezvoltarea web, poate fi folosit pentru a lucra cu pagini web.

Vim este cu siguranță greu de învățat, dar odată ce treci de provocări, nu vei mai dori să te întorci!

De ce era pe listă? Dacă îl stăpânești, te vei convinge de viteza și puterea lui. Cu câteva comenzi, puteți face în câteva secunde ceea ce ar putea dura câteva minute în alte editoare.

Completare automată Vim Omni
Editare HTML/XHTML în Vim
pagina principala

Fraise (Mac)

Fraise este un editor intuitiv pentru Mac, cu un set de funcții suficiente pentru editarea web

Fraise are câteva opțiuni excelente pentru editarea web:

Evidențierea codului pentru HTML, CSS, JavaScript, PHP și alte câteva limbaje de programare.
Comanda Închidere etichetă (Comandă-T) pentru a închide eticheta curentă. Acest lucru economisește cu adevărat timp atunci când introduceți liste.
Previzualizare convenabilă în browserul încorporat (folosind WebKit), cu o opțiune de actualizare live foarte convenabilă? care actualizează browserul de îndată ce marcajul și CSS-ul de pe pagina care este editată s-au schimbat.
Opțiunea de căutare avansată, care acceptă căutarea/înlocuirea folosind expresii regulate.
Suport pentru blocuri pentru a introduce rapid etichete HTML și proprietăți CSS.
Câteva comenzi utile pentru manipularea textului, cum ar fi validarea HTML și conversia caracterelor în elemente HTML.

Fraise merită explorat dacă utilizați un Mac și doriți un editor ușor de utilizat, cu mai multe capabilități decât TextEdit încorporat.

Dacă doriți să dezvoltați site-uri web, trebuie să obțineți un editor HTML. Desigur, puteți folosi un blocnotes obișnuit, dar este puțin probabil să fie convenabil. Este important de reținut că editorii HTML trebuie să îndeplinească două sarcini importante: evidențierea codului și completarea automată. Desigur, sunt binevenite și funcții suplimentare, diverse teme de design, de exemplu. Există multe astfel de funcții suplimentare. Ei bine, acum să aruncăm o privire la câteva editoare HTML gratuite care fac o treabă excelentă cu sarcinile enumerate mai sus.

Editor de cod gratuit - Blocnotes pentru programator

Acest editor oferă o interfață modernă care vine în două tipuri, deschis și întunecat. În plus, evidențierea sintaxei este foarte bună, iar schema de culori este bine aleasă. Cred că acest editor va îndeplini toate cerințele dumneavoastră.

Editor HTML - SynWrite

SynWrite este un editor cool cu o gamă largă de funcții. Ideea acestui editor a fost să combine toate avantajele altor editori HTML într-un singur produs de înaltă calitate. Funcționalitatea sa poate fi extinsă semnificativ cu ajutorul unor pluginuri suplimentare scrise în Python. Pe lângă funcțiile standard, SynWrite vă permite să editați imediat mai multe bucăți de cod în același timp:

Această funcție vă va economisi mult timp.

Editor HTML gratuit - PlainEdit.NET

Acest editor poate deschide mai multe fișiere simultan și pot fi adăugate pluginuri care vor extinde semnificativ funcțiile editorului, inclusiv temele de design. În plus, puteți adăuga și modifica text folosind expresii regulate, chiar și în documente care nu sunt deschise în prezent. Este de remarcat faptul că PlainEdit poate funcționa și de pe o unitate USB.

Notepad++

Acest editor este un clasic. Este foarte popular în întreaga lume. Notepad++ are tot ce ar trebui să aibă un editor de text. Interfața poate fi personalizată în funcție de dorințele tale, iar pluginurile gratuite vor ajuta la extinderea funcționalității editorului.

Editor gratuit - jEdit

Cu acest editor puteți deschide și edita aproape orice fișier. Simplifică foarte mult sarcina de a deschide mai multe fișiere în același timp. Orice caracteristici lipsă pot fi completate folosind o varietate de pluginuri.

Din cutie, jEdit vine cu funcții necesare încorporate, de exemplu, plierea codului, marcarea etichetelor și elementelor, un manager de fișiere și multe alte funcții.

Text sublim 2

Acesta este cel mai popular editor printre programatori și dezvoltatori web. Niciun editor similar nu a avut un asemenea triumf ca Sublime Text 2. Este lăudat de mulți programatori. Editorul este foarte personalizabil prin diferite rezoluții și fișiere JSON.

Pentru acest editor popular puteți găsi biblioteci extinse de documentație, atât oficiale, cât și neoficiale. Tutorialele Sublime Text 2 pot fi găsite peste tot.

Sublime Text 2 este parțial gratuit, licența costă 70 USD.

Editor nou - Paranteze

Brackets este un editor open source modern, cu câteva caracteristici interesante. Funcționează cu Adobe Creative Cloud pentru a extrage culori, fonturi și multe altele dintr-un fișier PSD. De asemenea, poate extrage straturi ca imagini. Foarte confortabil

Din păcate, Adobe Creative Cloud este un serviciu plătit.

Acest editor are toate funcțiile necesare unui editor de cod modern. Există multe extensii diferite care sunt lansate la fiecare 2 - 3 săptămâni.

Aptana Studio 3

Cele mai mari puncte forte ale editorului sunt personalizarea, integrarea Git și terminalul încorporat. Aptana Studio 3 acceptă cele mai recente standarde web, cum ar fi HTML5 și CSS3.

Concluzie

Există o mulțime de editori HTML, dar doar câteva dintre ele sunt utilizabile. Pentru uz non-zilnic există Notepad++, dar pentru uz zilnic nu ar fi suficient. Există opțiuni mai bune pentru aceasta, cum ar fi Sublime Text 2, care poate fi personalizat conform cerințelor utilizatorului. Ești curios să știi ce editori alegi?