De beste gratis HTML-editors. Nieuw in de categorie "HTML".

Hallo, beste lezers van de blogsite. Ik wilde al heel lang schrijven over een geweldige gratis editor (de link leidt naar de officiële website waar je de nieuwste versie kunt downloaden met ondersteuning voor de Russische taal).

Het is al jaren een van de meest populaire en gebruikte programma's voor het bewerken van HTML-, CSS- en PHP-code. Ik ben zelfs verrast: "Hoe heb ik het eerder zonder kunnen doen, terwijl ik het potentieel ervan realiseerde met behulp van een aantal andere programma's?"

Nu heb ik altijd een paar browsers tegelijkertijd op mijn computer draaien, een zeer eenvoudige, gratis en handige FTP-manager FileZilla en deze editor, waarvan de mogelijkheden eenvoudigweg onvergelijkbaar zijn met het standaard notitieblok dat in Windows wordt gebruikt. Maar eerst dingen eerst.

Downloaden en functies van de Notepad++-editor

Het installeren van het programma op Windows gebeurt op een volkomen normale manier. Dat kan ook als je wilt Kladblok++Draagbaar downloaden, dat is draagbare versie deze editor, waarvoor geen installatie in het besturingssysteem vereist is.

De draagbare versie kan worden verkregen van de gewone versie als u het archief met het programma uitpakt op een geschikte plaats en het uitvoerbare bestand notepad.exe uitvoert.

Alle voordelen van de Notepad++-editor

In feite is het in Windows ingebouwde notitieblok net zo verschillend van onze held als hemel en aarde. Er zit vrijwel niets in het klassieke notitieblok behalve de mogelijkheid om eenvoudige tekstbestanden te bekijken en te maken (het blijkt iets dat lijkt op een graafstok die door mensen in de vroege ontwikkelingsfasen wordt gebruikt).

Zodra je NotePad gaat gebruiken met twee voordelen, in ieder geval om HTML- en CSS-bestanden aan te passen, word je meteen vanuit het stenen tijdperk naar de cabine van een moderne grondverzetmachine getransporteerd. Er zijn natuurlijk andere alternatieve programma's en zelfs , maar voor een beginner is een "notitieblok met twee plussen" precies wat je nodig hebt (IMHO).

Ja, natuurlijk kan het gebruik ervan in eerste instantie ingewikkeld en onconventioneel lijken. Maar dit staat nog maar aan het begin van de kennismaking, en dan zal het net zo moeilijk voor je zijn om zonder te leven, net zoals veel computergebruikers zich bijvoorbeeld hun leven niet kunnen voorstellen (ook een soort 'klassieker').

Als we Notepad ++ vergelijken met complexere programma's die zijn ontworpen om het schrijven en bewerken van verschillende codes gemakkelijker te maken, zoals Dreamweaver, dan zijn er nogal wat argumenten om onze held te gebruiken:

1. Ten eerste, het is helemaal gratis, wat betekent dat je veel kunt besparen door het te gebruiken in plaats van Dreamweaver, als je geen rekening houdt met gehackte versies van betaalde programma's (die mogelijk een voedingsbodem zijn voor Trojaanse paarden en andere virussen).
2. Ten tweede is Kladblok veel meer licht en snel dan veel van de betaalde redacteuren. Bovendien is het mogelijk om het te gebruiken zonder het überhaupt in het Windows-besturingssysteem te installeren (de zogenaamde draagbare versie - portable) en het bijvoorbeeld mee te nemen naar . Hierdoor heb je altijd een handige, functionele en overzichtelijke tool bij de hand om met HTML, PHP en enkele tientallen andere soorten code te werken.

Waarom is deze editor het downloaden waard?

Laten we de mogelijkheden en functies kort bespreken en ze vervolgens in meer detail bekijken. Notepad ++ kan dus het volgende doen:

1. Benadruk enkele tientallen van de meest populaire programmeer- en opmaaktalen, zoals: Ada, Assembler, C, C#, C++, CSS, FORTRAN, HTML, Java, JavaScript, Objective-C, Pascal, Perl, PHP, Python, Robijn, SQL, XML.

Voor al deze talen wordt het uitgevoerd syntaxisaccentuering, waarbij de code in lijnen en blokken wordt opgedeeld, die kunnen worden samengevouwen door op het minteken te klikken en uitgevouwen door op het plusteken te klikken. U kunt de relatie tussen elementen ook weergeven met een stippellijn. Als voorbeeld heb ik een stukje PHP-code genomen om de mogelijkheden van deze editor te demonstreren:



Als u op de openingstag van HTML klikt, wordt deze gemarkeerd met een blauwe achtergrond en tegelijkertijd wordt de eventuele sluitingstag ook gemarkeerd. Ideaal voor het vinden van niet-gesloten elementen en .

2. Het is heel eenvoudig te implementeren verander de codering, bijvoorbeeld de nu populaire, waarover ik het had in een artikel gewijd aan de strijd tegen krakozyabrs in Russische taalcoderingen (zie het op de link).
   
   
3. In één programmavenster kun je zoveel bestanden openen als je wilt om te bewerken, omdat Notepad++ gebruik maakt van tabbladen op de manier waaraan u al gewend bent geraakt in moderne browsers.

   

   De kleur van de diskette op elk tabblad geeft aan of u de laatste wijzigingen die u hebt aangebracht hebt opgeslagen met behulp van de soortgelijke diskette in de werkbalk. Op het actieve tabblad geeft een rode diskette (en op een inactief tabblad - paars) uw vergeetachtigheid aan.

4. Met deze editor kun je dirigeren zoekopdracht(Ctrl+F) zowel voor het document dat erin is geopend, als voor een hele reeks tekstbestanden die in een bepaalde map liggen. Zoeken met vervanging en het gebruik van reguliere expressies zijn mogelijk. Een ongelooflijk handig hulpmiddel.
   
   
5. In de instellingen van deze editor kunt u het automatisch schrijven van de afsluitende HTML-tag inschakelen wanneer u de openingstag typt, evenals de optie voor automatisch aanvullen van tags.
6. NotePad++ houdt niet alleen een geschiedenis bij van al uw wijzigingen en stelt u in staat zoveel stappen terug te draaien als u wilt of vooruit te gaan, maar maakt ook een back-up van kopieën van deze documenten op dezelfde manier als Microsoft Word dat doet.
7. Deze editor heeft de mogelijkheid om te controleren sneltoetsen, waarvan er een groot aantal zijn gespecificeerd - vanuit het hoofdmenu "Opties" - "Sneltoetsen". Als u bovendien dubbelklikt op de combinatie waarin u geïnteresseerd bent, wordt er een venster geopend voor het opnieuw toewijzen van toetsen, wat handig kan zijn voor degenen die vanuit een andere editor naar Kladblok overschakelen.
   
   
8. Kladblok door de jaren heen van zijn bestaan heb veel plug-ins, sommige zijn er standaard mee geïnstalleerd, en de rest is voor u beschikbaar via het hoofdmenu “Plug-ins” - “Plagin Manager” - “Toon Plagin Manager”.

   

   Om te installeren hoeft u alleen maar het vakje naast de vereiste plug-in op het eerste tabblad aan te vinken en op de knop “Installeren” te klikken.

   
   

   Hierna wordt het editorvenster opnieuw geladen en is de nieuwe plug-in beschikbaar op het gelijknamige tabblad:

   

   

9. Dit “Zwitserse mes” kan ook via FTP verbinding maken met uw site, macro's opnemen en afspelen, de spelling direct controleren, twee bestanden in geopende vensters naast elkaar vergelijken, en nog veel, veel meer.

Wat heb je nog meer nodig in Notepad++

1. Dankzij syntax highlighting in Notepad++ is het heel eenvoudig om bijvoorbeeld te controleren of alle Html-tags in de code gesloten zijn, en met minimale ervaring noteer je al visueel wat er in je code staat er is ergens een fout gemaakt, omdat het kleurenschema van de code op deze plaats zal veranderen.
2. Omdat de code in kleur is gemarkeerd en de gewone tekst van mijn artikelen zwart blijft, is het ook erg handig voor mijn constante corrector voor grammaticale fouten (geliefde vrouw) om de grammatica erin te controleren. Nee, natuurlijk gebruik ik er verschillende, maar geen enkele kan nog steeds de interpunctie en semantische fouten controleren.
3. Wat ik ook erg leuk vind aan deze teksteditor is de mogelijkheid om individuele codeblokken visueel weer te geven met behulp van accentuerende haakjes zoals ( ) (). Wanneer de muiscursor tussen haakjes staat, worden deze gemarkeerd, alsof ze het begin en einde van een blok HTML- of PHP-code markeren.
4. Naast de uitstekende implementatie van de achtergrondverlichting moet speciale aandacht worden besteed aan de mogelijkheid doe een stap terug(vorige actie annuleren). Bovendien is het aantal stappen terug niet beperkt, waardoor je niet bang hoeft te zijn om met de code te experimenteren zonder risico op onomkeerbare gevolgen.

   

   Het ongedaan maken van een actie in Notepad++ is mogelijk met behulp van de sneltoetsen Ctrl+Z (Ctrl+Y is een stap vooruit, d.w.z. het ongedaan maken van de annulering), met behulp van de overeenkomstige menu-items "Bewerken" of met behulp van de knoppen in de vorm van gebogen pijlen op de werkbalk van deze redacteur.

5. NotePad++ controleert voortdurend de status van de documenten die erin zijn geopend en als ze worden gewijzigd of verwijderd, bijvoorbeeld in een ander programma, krijgt u een venster te zien waarin u wordt gevraagd dit tabblad met het document te sluiten of de gewijzigde versie ervan opnieuw te uploaden.
6. Zoals ik eerder al zei, heeft het notitieblok met twee plussen de mogelijkheid om dat te doen instellingen voor syntaxisaccentuering(evenals een tiental andere talen) om aan uw smaak en behoeften te voldoen, maar ik heb deze optie nooit gebruikt, omdat ik best tevreden ben met de standaardinstellingen.

   

   Maar niemand houdt je tegen om dit te doen, gelukkig is alles uiterst eenvoudig - selecteer "Opties" - "Stijlen definiëren" in het bovenste menu, waardoor een venster wordt geopend waarin je de lettertypen en kleuren kunt verfijnen voor het markeren van HTML, PHP of een andere taal die je nodig hebt.

Notepad++ heeft ook de optie automatische voltooiing het woord dat u typt, wat erg handig kan zijn als u niet zeker bent van de juiste spelling van een bepaalde HTML-, PHP- of andere code-operator. Om dit te doen, drukt u tijdens het typen gewoon op de toetscombinatie Ctrl-Spatie en selecteert u de gewenste optie in het venster dat wordt geopend:



Als u het voltooien van de code automatisch wilt laten voltooien, zonder sneltoetsen te gebruiken, moet u "Opties" - "Instellingen" selecteren in het hoofdmenu en op het tabblad "Reserveren/AutoAanvullen" het vakje "Inschakelen voor elke invoer" aanvinken.

7. Een andere functie die mij erg handig lijkt in deze editor is de mogelijkheid om documentsnelkoppelingen rechtstreeks naar het programmavenster te slepen om ze te openen (hoewel dit nauwelijks iemand verbaast) en de mogelijkheid Slepen en neerzetten in het document zelf selecteert u een codefragment (met de linkermuisknop) op de plaats die u nodig heeft.
8. Als u met Notepad++ werkt, heeft u de mogelijkheid markeringen plaatsen, die daarin noten worden genoemd, maar de essentie verandert niet. In de lijn die u nodig heeft, kunt u door met de muis te klikken een markering in de vorm van een blauwe stip in de linkermarge plaatsen.

   

   Om een ​​markering (notitie) in de editor in te stellen, kunt u ook de sneltoets Ctrl-F2 gebruiken, en om tussen markeringen in het document te schakelen hoeft u alleen maar achtereenvolgens op F2 of Shift-F2 te drukken om door de noten in het document te bladeren. tegengestelde richting.

9. Als je in deze editor met een HTML-bestand werkt, kun je kijken hoe uw code er in de browser uit zal zien FireFox of IE door de juiste items in het Startmenu te selecteren. Als je een andere browser nodig hebt, selecteer dan het bovenste item “Launch” en zoek naar het uitvoerbare bestand dat je nodig hebt in het venster dat wordt geopend.

   

10. Er is ook mogelijkheid om macro's op te nemen, die ik nog niet heb gemaakt, maar de logica van hun werk is vrij eenvoudig. Eerst neemt u het op door "Macro's" - "Start opname" te selecteren in het editormenu en vervolgens de opgenomen macro's op de gewenste plaats in de code in te voegen, door ze te selecteren in het editormenu of door de sneltoetsen te gebruiken die eraan zijn toegewezen.

Coderingen en werken met bestanden in het NotePad++ editorvenster

1. Opgemerkt moet worden dat u met deze code-editor Html-, PHP- en andere bestanden kunt opslaan en converteren naar UTF-8-codering (zonder BOM). Dit heeft mij meer dan eens geholpen het probleem met de Russische codering te overwinnen bij het werken met verschillende sites.

   Toen ik een inscriptie op de site in het Russisch wilde veranderen, kreeg ik vaak waardeloze berichten, met als reden de Windows-1251-codering waarin het bronbestand was opgeslagen.

   Nadat het originele bestand is geconverteerd naar UTF-8-codering (zonder stuklijst) werden krakozyabrs met succes omgezet in gewone Russische symbolen. Dat. Als u het Cyrillische alfabet aan enginebestanden toevoegt, moet u het, om het correct op de site weer te geven, het onmiddellijk in de juiste codering opslaan of het later converteren.

   Ik zou waarschijnlijk een paar woorden moeten zeggen over deze BOM. Feit is dat wanneer u met verschillende tekstobjecten in een gewoon Windows-kladblok werkt en u deze opslaat in UTF-8-codering, er onzichtbare tekens (BOM) worden toegevoegd, die vervolgens de prestaties van dit bestand kunnen beïnvloeden (PHP kan bijvoorbeeld een fout geven).

2. Als u de inhoud van een geopend bestand wilt afdrukken, wordt de code afgedrukt in de vorm waarin u deze in het programmavenster ziet. Maar door te selecteren in het menu "Opties" - tabblad "Instellingen". "Zegel" u bent vrij om dit te wijzigen en de optie te kiezen om codemarkering in kleur af te drukken, zodat regelnummers, kop- en voetteksten enz. kunnen worden weergegeven. dingen:
   
   
3. Met deze geavanceerde teksteditor kunt u zoveel nieuwe documenten openen als u wilt, zonder dat u bang hoeft te zijn dat de taakbalk van uw besturingssysteem vol raakt. In combinatie met moderne browsers zal het alle nieuwe documenten niet in een nieuw programmavenster openen, maar in een nieuw programmavenster op een nieuw tabblad al open raam.

   

   Bovendien kunnen deze tabbladen van verschillende documenten in het venster van dit notitieblok willekeurig met de muis worden gesleept, gesloten en geminimaliseerd.

   

   Welnu, afhankelijk van de gemaakte instellingen (“Opties” - “Instellingen”), worden alle tabbladen die zijn geopend voordat u Notepad ++ afsluit, hersteld de volgende keer dat u het programma start (opnieuw, vergelijkbaar met hoe browsers werken). U kunt onnodige bestanden sluiten door erop te dubbelklikken of ze verticaal te plaatsen.

4. Naast de gebruikelijke bewerkingen met tabbladen, kunt u in deze editor in één venster tegelijk openen twee exemplaren van hetzelfde document. Dit kan nodig zijn als u met een document in verschillende delen ervan moet werken (ergens naar kijken of kopiëren en ergens plakken).

   Om deze modus te activeren, hoeft u alleen maar met de rechtermuisknop op het gewenste PHP-editortabblad te klikken en “Dupliceren in een ander venster” te selecteren in het contextmenu.

   

   Het is erg handig dat als u wijzigingen opslaat in een van de kopieën van het document, de tweede ook wordt bijgewerkt (dat wil zeggen dat u niet in de war raakt of u de aangebrachte wijzigingen hebt opgeslagen en in welke kopie).

5. Ik vind het ook erg leuk ingebouwde zoekfunctie met behulp van open HTML- of PHP-documenten met mogelijkheid tot vervanging(sommigen gebruiken hiervoor actief reguliere expressies, maar tot mijn schaamte ken ik ze niet). Alle rijkdom van de zoekopdracht in deze geavanceerde teksteditor kan worden gewaardeerd door simpelweg het menu-item “Zoeken” te openen. Zie de schermafbeelding aan het begin van het artikel.

Over het algemeen heeft deze teksteditor veel nuttige en handige functies overgenomen van de functionaliteit van andere applicaties, waarvoor speciaal respect uitgaat naar de ontwikkelaars en degenen die er plug-ins voor maken, waarvan er nu enkele zullen worden besproken.

Plug-ins gebruiken in Notepad++

Ik wil u eraan herinneren dat u om een ​​nieuwe plug-in te installeren alleen maar “Plug-ins” hoeft te selecteren in het hoofdmenu van de editor - “ plugin manager" - "Pluginbeheer weergeven".

En in het geopende venster vinkt u op het eerste tabblad (vanuit het bovenste menu) het vakje aan naast de vereiste plug-in en klikt u op de knop "Installeren".

Hierna wordt het editorvenster opnieuw geladen en is de nieuwe plug-in beschikbaar op het gelijknamige tabblad. Over het algemeen kan alles niet eenvoudiger zijn.

Welke plug-ins voor Kladblok u mogelijk nodig heeft in uw werk

De plug-in biedt veel extra en handige gadgets "TextFX", die na installatie beschikbaar zal zijn in het gelijknamige item in het hoofdmenu van de editor. Als je zo'n item nog niet hebt, ga dan naar "Plugins" - "Plagin Manager" - "Toon Plagin Manager", scroll naar beneden in de lijst op het eerste tabblad en vink het vakje naast TextFX Character aan.

Na installatie zal de editor opnieuw opstarten en zal er een nieuw TextFX-item met veel vervolgkeuzemenu-items in het menu verschijnen. Als u bijvoorbeeld de optie in de afbeelding activeert, kunt u uw leven aanzienlijk gemakkelijker maken bij het bewerken of schrijven van HTML-code:



In dit geval zal, zodra u de openingstag in de teksteditor van Notepad++ invoert, er onmiddellijk een overeenkomende slottag naast verschijnen. Er is een aanzienlijke tijdsbesparing en een aanzienlijke vermindering van de kans op een fout als gevolg van een niet-gesloten tag. Dit ding irriteert mij echter en ik gebruik het niet. Maar dit doet niets af aan haar waardigheid.

Er zijn nogal wat gadgets in TextFX, dus probeer ze zelf in de praktijk en beslis wat precies handig en nuttig voor u is.

Als we verdergaan met het onderwerp tabbladen in de editor, is het de moeite waard om de mogelijkheid te vermelden twee documenten vergelijken. Eerst moet u deze plug-in installeren via Plug-inbeheer:



Om de documentvergelijkingsmodus in Notepad++ te activeren, hoeft u alleen maar "Add-ons" - "Vergelijken" - "Vergelijken" te selecteren in het hoofdmenu of op Alt + D op het toetsenbord te drukken. Als gevolg hiervan wordt het momenteel actieve tabblad geopend in het venster van dit notitieblok, evenals het tabblad ernaast.



Voor het gemak van het vergelijken van twee HTML- of PHP-documenten zal de Notepad++-editor de verschillen daarin voor u benadrukken. Om over te schakelen naar de normale manier om met documenten te werken, moet u "Add-ons" - "Vergelijken" - "Resultaten wissen" selecteren in het hoofdmenu of op Ctrl+Alt+D op het toetsenbord drukken.

Bovendien kunnen twee documenten in het Notepad++-venster zowel verticaal als horizontaal worden bekeken. Om de methode te selecteren die voor u het handigst is, klikt u met de rechtermuisknop op de locatie van hun sectie en selecteert u de draairichting (rechts of links).

Trouwens, als je, net als ik, voornamelijk Notepad++ gebruikt om HTML- of PHP-bestanden van je site te bewerken, dan vind je het misschien handig om er verbinding mee te kunnen maken via FTP rechtstreeks vanuit deze teksteditor. Het is waar dat ik op de een of andere manier liever met FileZilla werk, vooral omdat ze er zelfs in slaagden mijn wachtwoorden te stelen.

Als je wilt proberen via FTP via Kladblok te werken, selecteer dan “Plugins” - “NppFTP” - “Show NppFTP Window” in het bovenste menu, waardoor het FTP-clientvenster aan de rechterkant wordt geopend.



Om een ​​FTP-verbinding in te stellen, klikt u op het tandwielpictogram, selecteert u “Profielinstelling” en voert u uw verbindingsgegevens in. Verder werk verschilt niet veel van wat ik schreef in het artikel over FileZilla, dat leeft.

1. Als u de plug-in Werkbalk aanpassen installeert met behulp van Plagin Manager, kunt u nieuwe bestanden in willekeurige volgorde afspelen, verwijderen of toevoegen knoppen op de werkbalk dit programma.
   
   
2. Aan het begin van het artikel noemde ik Light Explorer, dat de mogelijkheid toevoegt om in de linkerkolom te openen bestandsbeheer. Voor hetzelfde doel kunt u echter ook Explorer gebruiken, die u in de pluginmanager vindt.
   
3. Geweldige plug-in WebBewerken, waarmee u, naar analogie van de WordPress Html-editor, de tekst kunt omlijsten met de meest populaire header-tags, lijsten, tabellen en andere. Selecteer het gewenste fragment en klik op een van de knoppen op de Notepad++ werkbalk.
   
4. ImgTags - hiermee kunt u al gespecificeerde horizontale en verticale formaten hebben (het berekent deze zelf, wat erg cool is), voorbereide ALT- en SRC-attributen (u moet ook het pad naar de map met afbeeldingen op uw server daar toevoegen).
   

Venster voor spellingcontrole in NotePad++ met behulp van plug-ins

Verbinden Russische grammaticacontroles De Notepad++-editor gebruikt de plug-in Shell-Checker (van het menu-item “Plug-ins”), waarvoor u het Russisch-talige woordenboek van deze pagina moet downloaden. Wanneer u deze plug-in voor spellingcontrole activeert, geeft u het pad op uw computer op naar het woordenboekbestand.



Er zijn installatienuances. Eerst heb je nodig downloaden Volledig installatieprogramma en vervolgens een bestand met het Russische woordenboek aspell-ru-0.50-2-3.exe. Installeer eerst het volledige installatieprogramma, in de wizard waarvan ik persoonlijk het geselecteerde standaardpad (c:\Program Files (x86)\Aspell\) niet heb gewijzigd.

Installeer vervolgens het taalpakket, waarbij u eerst de letter "y" in het DOS-venster moet invoeren en op Enter op het toetsenbord moet drukken (hoewel dit misschien aan mij lag, omdat ik GNU Aspell al eerder op mijn computer had geïnstalleerd):



Dan start de standaard installatiewizard van het Russische woordenboek, waarbij ik opnieuw het standaardpad niet heb gewijzigd. Alle.

Start nu Notepad ++ opnieuw op en selecteer de items die hierboven worden weergegeven in het menu, of houd de onwerkelijke combinatie CTRL+ALT+SHIFT+S op het toetsenbord ingedrukt. In het geopende venster moet u het pad naar de BIN-map vanuit de Aspell-map invoeren:



Als u het pad niet hebt gewijzigd bij het installeren van GNU Aspell en het Russische woordenboek, moet u hier het volgende invoegen:

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

Nou ja, of iets dergelijks, afhankelijk van uw besturingssysteem. Dat is alles, selecteer nu de tekst waarvan u de spelling wilt controleren en druk op CTRL+ALT+SHIFT+S (u kunt deze combinatie wijzigen in de sneltoetsinstellingen - zie hierboven). Er verschijnt een venster met de eerste gevonden fout:



U kunt het negeren of een geschikte vervanger kiezen uit de voorgestelde opties. Hieronder kunt u de controletaal wijzigen als u meerdere GNU Aspell-taalmodules hebt geïnstalleerd. Dat is alles.

Dspellcontrole- een erg handige oplossing op de manier van de vorige plug-in, omdat deze ook GNU Aspell en zijn Russische woordenboek gebruikt, maar de spelling al direct controleert, net als in alle moderne browsers. Ga naar de plug-inbeheerder en installeer deze.



De grammaticacontrole wordt onmiddellijk standaard ingeschakeld (deze kan worden uitgeschakeld door het selectievakje in de schermafbeelding uit te schakelen), maar alleen de module met de Engelse taal zal worden aangesloten, dus we gaan naar de DspellCheck-instellingen en brengen wijzigingen aan.



Selecteer Aspell in de vervolgkeuzelijst (als u het nog niet hebt geïnstalleerd, scroll dan een stukje omhoog in dit artikel en download de module samen met het Russische taalpakket om ze op uw besturingssysteem te installeren), en geef net daaronder het pad aan naar het bestand aspell-15.dll. Iets verderop selecteert u de taal van het aangesloten woordenboek, als u er meerdere heeft geïnstalleerd, en klikt u op Toepassen.



Nu worden alle gevonden fouten onderstreept met een rode golvende lijn (de kleur kan worden gewijzigd in de instellingen), en wanneer u de muiscursor beweegt, verschijnt er een pijl waarop u kunt klikken om de juiste spelling van een bepaald woord te kiezen , of voeg het toe aan het woordenboek of aan de negeerlijst.

Veel succes! Tot binnenkort op de pagina's van de blogsite

Je kunt meer video's bekijken door naar te gaan

Misschien ben je geïnteresseerd

Hoe lege regels in Notepad++ te verwijderen Domeinen selecteren uit een lijst met URL's en hun herhalingen verwijderen met Notepad++ (een lijst voorbereiden voor Disavow-links)

Een overzicht van de populairste en handigste broncode-editors, evenals multifunctionele cloud- en desktopomgevingen voor webontwikkeling.

Er is een grote verscheidenheid aan programma's die zijn ontworpen voor het schrijven en bewerken van de broncode van webapplicaties. Moderne en handige editors kunnen vergeten aanhalingstekens sluiten, inspringingen en haakjes plaatsen en zelfs opdrachten voor de programmeur toevoegen. Krachtige IDE's werken zelf de inhoud van bestanden op externe servers bij en slaan een geschiedenis van projectwijzigingen op. Het vinden van het perfecte product is een bijna onmogelijke opgave. Een selectie van de meest populaire oplossingen helpt u tijd te besparen.

Voor het gemak zijn alle tools onderverdeeld in drie groepen:

• code-editors zijn relatief eenvoudige programma's waarvan de belangrijkste functie het rechtstreeks maken en wijzigen van bestanden met programmacode is;
• multifunctionele geïntegreerde omgevingen (IDE's) – krachtige tools die tientallen applicatiefuncties combineren;
• cloud-IDE's – de functionaliteit van desktopomgevingen voor webontwikkeling in de vorm van een internetdienst.

Gereedschapsparameters zijn samengevat in algemene groepstabellen. Hierdoor kunt u verschillende producten duidelijk met elkaar vergelijken en de juiste kiezen.

Code-editors

Komodo Edit

Een miniversie van de volwaardige Komodo IDE biedt standaard basiseditorfunctionaliteit, en plug-inextensies voegen ondersteuning voor meertalige syntaxis en handige opties zoals compilatie toe.

Vim-functies:

• een groot aantal toevoegingen;
• meertaligheid;
• ondersteuning voor meerdere bestandsformaten;
• krachtige zoekhulpmiddelen;
• het vermogen om aangebrachte wijzigingen eindeloos ongedaan te maken;
• integratie met een groot aantal applicaties van derden.

GNU Emacs

Een andere basiscode-editor voor Linux-systemen, GNU Emacs, is complexer dan Vi, maar tegelijkertijd krachtiger en heeft meer functionaliteit:

• verschillende bewerkingsmodi, syntactische accentuering van code voor verschillende talen;
• gedetailleerde documentatie en begeleiding voor beginnende gebruikers;
• Ondersteuning voor Unicode-codering;
• gebruik van een visuele interface of het Emacs Lisp-dialect om de werkomgeving te verfijnen;
• goede debugger;
• extra voorzieningen, bijvoorbeeld een e-mailclient, een planner;
• extensie beheerder.

Adobe-beugels

De relatief nieuwe code-editor Brackets heeft zich gericht op visualisatie en het vereenvoudigen van het werk met CSS-preprocessors. Het ontwerpen van een webpagina rechtstreeks in de browser wordt heel snel en eenvoudig. Brackets is een geweldige oplossing voor programmeurs en ontwerpers die zich bezighouden met gebruikersinterfaces en frontend in het algemeen.

Hoofdfuncties:

• visualisatie van HTML-code en -stijlen, de mogelijkheid om wijzigingen in realtime te bekijken en onmiddellijke bewerking;
• werken met PSD-bestanden, de mogelijkheid om afbeeldingen te importeren zonder Adobe Photoshop te gebruiken;
• handige compilatie van CSS-preprocessors.

Visual Studio-code

VSC is een veelzijdige en toch compacte code-editor en is oorspronkelijk ontworpen om JavaScript en zijn extensies te verwerken, maar met plug-ins kunt u andere populaire talen toevoegen, zoals PHP en C#. Het programma ondersteunt het platform perfect.

IntelliSense-technologie zorgt voor slimme code-aanvulling: de editor kan de namen van reeds gedeclareerde functies toevoegen, en hints bevatten links naar de benodigde documentatiehoofdstukken.

De editor heeft een ingebouwde codedebugger.

Een HTML-editor is het eerste dat u nodig heeft om webpagina's te maken met HTML en CSS. Er zijn veel gratis HTML-editors beschikbaar, en het kiezen ervan kan een hele klus zijn.

HTML is vrij eenvoudig en u kunt dus aan uw webpagina's gaan werken met een eenvoudige teksteditor zoals Kladblok, WordPad of een andere. Je kunt ook verder gaan en een van de meer feature-rijke editors gebruiken, zoals Coffecup, Notepad++, Brackets, Notetab of BlueGriffon. Het voordeel van het gebruik van geavanceerdere en functionelere editors is dat u meer tools krijgt die het proces van het markeren en creëren van inhoud aanzienlijk kunnen versnellen.

Of u nu blogs en artikelen wilt maken die goed zijn opgemaakt voor browsers om te lezen, of van plan bent een volledig functionele website te bouwen met HTML en CSS, het kiezen van de juiste editor zal uw productiviteit aanzienlijk verbeteren. Professionele webontwikkelaars besteden een aanzienlijke hoeveelheid tijd aan het kiezen van de editor en tools die het beste bij hun behoeften passen en hun productiviteit verbeteren.

Welke gratis HTML-editor is geschikt voor u?

Het antwoord op deze vraag hangt volledig af van uw vereisten, van het product dat u met HTML wilt maken, van uw huidige kennisniveau van deze opmaaktaal, als u van plan bent het alleen maar te leren. Omdat de meeste van deze editors gratis zijn, kun je de lijst beperken tot 2-3, hun basisfunctionaliteit uitproberen en vervolgens beslissen welke je het leukst vindt.

Bovendien wordt bijna elke in dit artikel genoemde editor ondersteund op meerdere besturingssystemen, waaronder Windows, Linux en Mac, zodat u zich niet al te veel zorgen hoeft te maken over compatibiliteit.

Houd er rekening mee dat aan de meeste van uw bewerkingsbehoeften eenvoudig kan worden voldaan door Notepad++ voor Windows, Brackets voor Mac (deze editor wordt ook ondersteund voor Linux en Windows), of Coffecup en Notetab. Als u echter van plan bent een complexe website te maken, kunt u het beste kiezen voor een volledig uitgeruste ontwikkelomgeving zoals Eclipse.

Aan de andere kant, als je gewoon met HTML en CSS wilt spelen, zijn er talloze online editors waar je HTML-code kunt schrijven en meteen de resultaten kunt zien.

Laten we eens kijken naar de tien beste HTML-editors die gemakkelijk te gebruiken zijn, rijk aan functionaliteit en populair onder webontwikkelaars.

1. Notepad++ (beste gratis HTML-editor voor Windows)

Deze editor is alleen beschikbaar voor Windows-gebruikers, dus als je een Mac of Linux hebt, scroll dan verder. Notepad++ is de beste gratis HTML-editor die u op uw Windows-computer kunt installeren. Op het eerste gezicht is het erg eenvoudig, maar het is een van de meest complexe en tegelijkertijd gemakkelijk te gebruiken editors.

Een groot deel van de enorme kracht van Notepad++ komt van plug-ins van derden, waaronder PreviewHTML, HTML-tagplug-in voor het markeren van tags, Tidy2 voor inspringen en vele andere.

De belangrijkste kenmerken van Notepad++ zijn een interface in tabelvorm waarmee u tegelijkertijd met meerdere bestanden kunt werken, zeer eenvoudig inklappen en syntaxisaccentuering, aanpasbare GUI (met een minimalistische optie), tabellen met een sluitknop, verticale tabellen, meertalig (dat wil zeggen, u kunt de interface configureren in het Engels, Frans, Spaans en Chinees, evenals 80 andere talen).

Notepad++ is ontwikkeld door Dong Ho en uitgebracht in 2003. Het is gratis voor zowel persoonlijk als commercieel gebruik en valt onder de GNU General Public License.

Voor Mac-gebruikers is een geweldig alternatief voor Notepad++ de beugels, die we hierna zullen bespreken.

2. Beugels (gratis voor Mac, Windows en Linux)

Brackets is een ander populair en betrouwbaar hulpmiddel voor webontwikkeling en het bewerken van HTML-code. In tegenstelling tot Notepad++ wordt deze editor ondersteund voor Mac, Ubuntu, Debian en Windows. Het is ook gratis voor persoonlijk en commercieel gebruik (MIT-licentie).

Brackets is gemakkelijk te gebruiken en heeft veel uitbreidingen die de functionaliteit ervan verbeteren. Populaire extensies:

• Emmet – versnelt het schrijven van CSS- en HTML-code;
• Verfraaien – formatteert HTML-, CSS- en JavaScript-bestanden;
• W3C-validatie – controleert uw HTML-code op geldigheid.

Brackets is een prachtige editor met een modern, minimalistisch ontwerp. Wijzigingen in de code worden onmiddellijk in de browser weergegeven. U kunt CSS- of HTML-code bewerken en in realtime zien hoe deze het uiterlijk van uw site veranderen.

Lees hier over haakjes – Editor voor HTML: haakjes

3. Coffecup (er is zowel een gratis als betaalde versie)

Coffecup is misschien wel de beste HTML-editor die beschikbaar is in zowel gratis als commerciële versies. De gratis versie mist enkele functies, maar is complex genoeg om op onze lijst te staan.

De belangrijkste kenmerken van de gratis versie zijn onder meer:

• aanpasbare werkbalken,
• codeaanvulling voor elementen, attributen en selectors,
• kant-en-klare thema's en sjablonen,
• ondersteuning voor markdown-formaat voor HTML,
• FTP/SFTP-ondersteuning,
• drag-and-place-functie voor afbeeldingen,
• voorbeeldoptie,
• syntaxisaccentuering,
• een thesaurus om alternatieven voor een woord te vinden en nog veel meer.

De betaalde versie is niet te duur. Het bevat verschillende extra functies, zoals HTML- en CSS-codevalidatie, tagbibliotheek, codeopschoner en dynamische spellingcontrole.

Coffecup biedt ook verschillende geavanceerde modules om mobielvriendelijk te werken, zonder dat u code hoeft te schrijven, gewoon met behulp van drag-and-drop-functies. Deze modules omvatten Foundation Framer, Bootstrap Builder en Responsive Site Designer.

Coffecup is sinds 1996 op de markt en wordt gebruikt door freelancers, startups, kleine bedrijven, maar ook door webontwikkelaars van grote bedrijven. Dit is een geweldig hulpmiddel voor het maken van websites, webpagina's, nieuwsbrieven, notities opgemaakt in HTML en inhoud voor sociale media.

4. NoteTab (twee versies, betaald en gratis)

NoteTab is een andere HTML- en CSS-editor die functies biedt voor snelle ontwikkeling. Dit is een product van Fookes-software, die de afgelopen 20 jaar heeft gewerkt aan tools om het ontwikkelingsproces te versnellen.

De populariteit van NoteTab wordt bevestigd door het feit dat het wordt gebruikt door NASA, FBU, VISA, CIA Hewlett Packard, MIT.

NoteTab heeft drie versies: Light, Standard en Pro. De Light-versie wordt gratis verspreid voor individueel gebruik. Het heeft niet alle functies van de Pro-versie, maar het ondersteunt HTML5- en CSS3-bibliotheken, bootstrap, HTML automatisch aanvullen, bestanden samenvoegen in projecten, HTML Tidy-ondersteuning, HTML naar tekst, en heeft ook veel thema's.

NoteTab kan rechtstreeks vanaf een flashstation worden gestart en vereist geen installatie op uw computer. Voor bloggers en mensen die betrokken zijn bij website-inhoud ondersteunt deze editor het aantal woorden en SEO-statistieken.

U kunt NoteTab beter leren kennen op de officiële website.

5. Eclipse (gratis HTML-editor)

Eclipse is zwaar en misschien overdreven voor HTML- en CSS-ontwikkeling, maar het kan met groot voordeel worden gebruikt als je het niet erg vindt om het beest te installeren en te configureren. Dit is een geweldig hulpmiddel als u van plan bent complexe sites te maken met databases in combinatie met andere gegevensbronnen, enz. De installatie kan enige tijd duren en vereist het installeren van extra plug-ins.

Eclipse is de meest populaire open source geïntegreerde ontwikkelomgeving. Deze editor wordt vaak gebruikt voor Java, JavaScript, PHP, Ruby, Android en vele andere programmeertalen.

Meer informatie vindt u hier –

6. HTML-Online

Als het gaat om het online bewerken van HTML-code, in uw browser, gaat er niets boven HTML-online.com. U kunt het codeerproces meteen starten, zonder software te downloaden of te installeren, en het is gratis.

Een van de voordelen van deze editor is de conversie van Word naar HTML, zodat u uw inhoud uit Microsoft Word-bestanden kunt kopiëren en er automatisch HTML-markeringen op kunt toepassen. Er is ook ondersteuning voor Google-documenten, PDF, Excel, PowerPoint en vele andere soorten documenten.

Dit is een betrouwbare visuele editor waarmee u uw webpagina kunt maken en tegelijkertijd de codewijzigingen in het aangrenzende venster kunt volgen. Andere functies die het vermelden waard zijn, zijn onder meer het opschonen van HTML-code, het casten van tabelelementen naar div's en een zoek- en vervangoptie.

7. BlueGriffon (gratis, basis- en EPUB-licentie)

BlueGriffon komt uit het huis van “Disruptive Innovations SAS”. Het is gebouwd op Gecko, de webrendering-engine van Mozilla. BlueGriffon is een krachtige editor die de meeste functies van Netscape, Composer, Nvu en Mozilla overneemt.

BlueGriffon heeft drie varianten, waarvan de eerste gratis is, de tweede wordt gedistribueerd onder een basislicentie en de krachtigste onder een EPUB-licentie.

De gratis versie kan ook veel. Het heeft zwarte en lichte thema's, ondersteuning voor audio-, video- en HTML5-formulieren, CSS3-bewerkingsfuncties omvatten overgangen, 3D- en 2D-transformaties, SVG-creatie, WYSIWYG-technologie, Google Fonts Manager, Font Squirrel Font Manager, ondersteuning voor markdown-formaten, gebruikersinterface in meer dan 20 talen.

Je kunt BlueGriffon downloaden en installeren op Windows, Linux Ubuntu en OS X op je Mac. Meer informatie vindt u op de website -

8. Emacs met plug-ins

Emacs is een van de meest geliefde editors aller tijden. Het is gratis te gebruiken (GNU-licentie). Emacs is een code-editor voor algemene doeleinden die u kunt aanpassen aan uw behoeften. Door vrij verspreide plug-ins met elkaar te verbinden, wordt het een krachtige code-editor met rijke functionaliteit.

Als het gaat om HTML-bewerking, biedt Emacs een HTML-modus die het bewerken van code heel eenvoudig maakt. Lees hier meer – Emacs

9. Atoom

Atom is een configureerbare teksteditor van GitHub-ontwikkelaars. De populariteit groeit zeer snel. Deze editor is gratis voor zowel persoonlijk als commercieel gebruik (MIT-licentie). De ontwikkelaarsgemeenschap is voortdurend op zoek om de editor te verrijken met nieuwe functies.

Hoe verander ik Atom in een gratis HTML-editor?

Atom wordt geleverd met alle basisfuncties die u nodig hebt om uw code te bewerken, maar om er een volledig functionele HTML-editor van te maken, moet u extra pakketten installeren. Deze omvatten Emmet, atom-html-preview, Autocomplete-plus, Atom-color-highlight, Autocomplete-CSS, linter, minimap, haml en jade.

Atom wordt ondersteund voor Windows, Ubuntu (Debian Linux), Fedora (vanaf versie 22), Mac en Red Hat Linux. Het is geschikter voor webontwikkeling dan voor het schrijven van inhoud, omdat het meer codegericht is en weinig maatwerk vereist.

10. Visual Studio-gemeenschap

Visual Studio Community is een volledig functionele ontwikkelomgeving van Microsoft en is gratis voor iedereen. Visual studio biedt vooraf geconfigureerde HTML- en CSS-bewerkingsfuncties die verder kunnen worden uitgebreid met extensies.

Populaire extensies die het vermelden waard zijn, zijn HTML-fragmenten, HTMLHint, HTML CSS-ondersteuning, Intellisense voor CSS-klassenaam.

Net als Eclipse is de Visual Studio-community een uitstekende keuze voor complexe, zeer schaalbare sites die veel technologieën vereisen.

Conclusie

HTML-opmaaktaal wordt overal gebruikt. Er zijn veel HTML-editors die lang geleden zijn gemaakt, maar toch met de tijd meegaan en redelijk geschikt zijn voor webontwikkeling. Maar er zijn er ook die het niet langer aan functionaliteit en productiviteit ontberen. Er zijn nieuwe editors in opkomst, zoals Brackets en Atom, die efficiënte codebewerking mogelijk maken.

De meeste van de in dit artikel genoemde editors hebben hun eigen kenmerken, maar dienen één doel: webpagina's maken. Ze verhogen de ontwikkelingssnelheid en helpen bij het organiseren van code, terwijl ze rekening houden met de mogelijkheid om deze te schalen.

Bekijk de opties die in dit artikel worden genoemd, noteer uw belangrijkste behoeften, beperk de lijst tot een paar editors, probeer ze allemaal en kijk welke u het beste bevalt. Je zult waarschijnlijk minstens één goede HTML-editor vinden voor Linux, Mac en Windows.

We weten allemaal dat de naam van de HTML-taal afkomstig is van HyperText Markup Language, wat hypertext-opmaaktaal betekent. De opmaaktaalterminologie suggereert dat het een tekstdocument is met aanduidingen van kopjes, lijsten en andere hoogtepunten in de tekst. De overgrote meerderheid van de sites die u op het World Wide Web kunt vinden, zijn geschreven in HTML. Informatie wordt van de server naar de browser verzonden met behulp van speciale protocollen en compressieomstandigheden. Uit de geschiedenis is ook bekend dat de taal in 1986-1991 door Tim Berners-Lee is ontwikkeld.
Om eerlijk te zijn, een gewoon notitieblok kan als editor dienen. Maar dit is lastig; er zijn veel editors met handigere functies (tekens raden, visuele bewerking, codemarkering, enz.).
Laten we dus eens kijken naar de beste HTML-editors:

1 plaats. Sublieme tekst

Een eenvoudige, gratis en handige editor voor verschillende codes. Onder de voordelen mogen de prettige interface, het beheergemak en de flexibele configuratie niet ontbreken. Een ander onbetwist voordeel is dat deze editor multi-platform is. Ik vond de meervoudige selectie- en bewerkingsfunctie erg prettig; andere editors hebben deze functie niet. Het werkt als volgt: je houdt Ctrl ingedrukt en nadat je tekstregels hebt geselecteerd, worden ze tegelijkertijd bewerkt. Deze editor heeft ook een sneltoetsfunctie voor elke actie. Er zijn nog niet veel plug-ins.

2de plaats. Aptana-studio

Deze editor is vooral gemaakt voor het ontwikkelen van webapplicaties, maar werkt ook heel goed met HTML. Tot de voordelen behoren de uitstekende automatische aanvulling, codemarkering en een uitstekend projectbeheersysteem. Voor een gratis editor zijn deze functies simpelweg van onschatbare waarde. Net als Dreamweaver kun je veel plug-ins vinden op de officiële website. Natuurlijk kan een grote selectie aan plug-ins, opties en instellingen intimiderend zijn voor een beginner, maar Aptana Studio is een uitstekende keuze als je een handige en functionele HTML-editor nodig hebt.

3de plaats. Kladblok++

Gepositioneerd als een gratis en open source-editor. De functies voor het markeren en automatisch aanvullen van codeblokken zijn goed georganiseerd; de functionaliteit kan worden vergroot dankzij een groot aantal plug-ins en modules. Bovendien werkt deze editor zeer snel, zelfs met een groot aantal plug-ins.

4e plaats. Macromedia (Adobe) Dreamweaver

Het is een van de oudste editors en blijft dankzij de vele functies overeind. Wanneer u dit programma gebruikt, kunt u tegelijkertijd het ontwerp en de code van de pagina bekijken, er wordt ook gebruik gemaakt van tooltips en automatisch aanvullen van HTML-tags en -attributen. Het zoeken en vervangen van symbolen is overzichtelijk georganiseerd. Op de officiële website van het programma vindt u veel commerciële en niet-commerciële plug-ins voor dit programma.

5e plaats. RJ TekstEd

Een eenvoudige gratis editor geschreven in 2004 voor het Windows-besturingssysteem. Daarin kun je de codemarkering voor jezelf aanpassen, het automatisch sluiten van tags en aanhalingstekens werkt gedeeltelijk. Er zijn een behoorlijk aantal nadelen, zowel ernstig als onzichtbaar, er is bijvoorbeeld geen FTP-client, er is ook geen opname van afhankelijke bestanden, er is geen ondersteuning voor CSS 3, JS, enz.

6e plaats. KompoZer

Dit is een van de beste gratis visuele editors. Je kunt bij het bewerken direct zien hoe de pagina er in de browser uit komt te zien. Ondersteunt alle HTML-elementen. KompoZer is uiteraard geen betaalde Dreamweaver en gedraagt ​​zich dienovereenkomstig. Een van de voordelen is de ingebouwde CSS-editor en FTP-manager.

7e plaats. Komodo Edit

Dit is een gratis editor ontwikkeld op basis van de commerciële Komodo IDE waarvan het vele functies overneemt. De editor beschikt standaard over automatische aanvulling en codemarkering. De voordelen zijn onder meer een snelle opstart en handige sneltoetsen. Er is ook een ingebouwd mechanisme voor het installeren van extensies. In eerste instantie ontwikkeld als multifunctionele editor.

8e plaats. Vim

De goede oude editor, ontwikkeld op basis van de oudere Vi die in 1976 werd gemaakt. Je vraagt ​​je misschien af ​​waarom we nog steeds iets gebruiken dat bijna 40 jaar geleden is gemaakt? Ja, omdat het uitstekende prestaties en bedieningsgemak biedt. Natuurlijk moet je veel aan deze editor wennen, eerst moet je blindtypen onder de knie krijgen (want zonder dat is er niets te doen in Vim), de sneltoetsen leren, waarmee de hoofdbesturing van het programma plaatsvindt.

9e plaats. Fraise

Fraise is een gratis teksteditor met syntaxisaccentuering. Het werd ontwikkeld door Jean-François Moy op basis van Smultron. De voordelen zijn onder meer uitstekend blokbeheer, tekencodering, opsplitsing in 2 vensters en nog veel meer. Maar het grootste nadeel is dat deze editor alleen voor Mac OS bestaat.

10e plaats. PSPad

Een universele teksteditor voor het Windows-platform, met veel handige functies. Een heel leuke feature van dit programma is de functie van het comprimeren van HTML-code, voor het sneller laden van pagina's, dit heb ik nog niet in andere editors gezien.