Snelle tip Configureer Teksteditor voor HTML coderen

Als u net als ik HTML en webontwerp begint te ontdekken, voelt u zich misschien wat verloren als het aankomt op het kiezen van een HTML-editor. U bent wellicht wat huiverig om geld uit te geven aan een codeer-app als u helemaal nieuw bent in HTML en nog steeds nat bent. Gelukkig wordt OS X geleverd met een geweldige HTML-editor ingebouwd. Laten we eens kijken hoe je TextEdit kunt instellen als eenvoudige HTML-editor.


Wat is TextEdit?

Zoals de naam al doet vermoeden, is TextEdit een basisteksteditor die bij uw Mac wordt geleverd als onderdeel van de gebundelde apps, samen met Safari, de iLife Suite en nog veel meer. Hoewel TextEdit vooral bedoeld is om u op weg te helpen met het kunnen schrijven van standaardtekst, met slechts een paar wijzigingen in de voorkeuren, kunt u van Teksteditor een eenvoudige HTML-editor maken en hoeft u niet meer dan u te investeren op je Mac hebben.

Als u probeert een HTML-bestand te openen in TextEdit zoals het is, ziet u dat TextEdit het bestand daadwerkelijk weergeeft zoals het eruit zou zien in een webbrowser. Dat wil zeggen, TextEdit leest de HTML-tags voor de tekst, evenals de CSS-opmaak voor die tags en toont u de resulterende opgemaakte pagina.


Rendered HTML Code in TextEdit

Dit is goed om te zien hoe de pagina eruit zou zien, maar om echt te kunnen werken met en de HTML-code te bewerken, moeten we TextEdit vertellen dat we de HTML-tags niet moeten weergeven en ons de onbewerkte code moeten laten zien.


Voorkeuren van TextEdit

Als je naar de voorkeuren van TextEdit gaat door naar TextEdit> Voorkeuren je ziet alle beschikbare opties. Er zijn bovenaan twee hoofdtabbladen, Nieuw document en Openen en opslaan.

De eerste voorkeur die we moeten veranderen is onder de Nieuw document tabblad, onder Formaat. U wilt het formaat instellen op vlakte Tekst door het selectievakje aan te vinken.


Als u het formaat op onbewerkte tekst instelt, voorkomt u dat u per ongeluk rich-textopmaak toevoegt aan uw HTML-code.

HTML, Hyper Text Markup Language, is geschreven als tekst zonder opmaak. HTML-code heeft geen rich-text-opmaak, zoals vet of cursief. Als u dit aanvinkt, weet TextEdit gewoon gewone tekst, zodat u niet per ongeluk een RTF-indeling aan de code toevoegt.

Vervolgens, onder de Open en bewaar tabblad, onder Bij het openen van een bestand, vink het selectievakje aan "HTML-bestanden weergeven als HTML-code in plaats van opgemaakte tekst".


TextEdit toont u nu de HTML-code in plaats van de webpagina weer te geven.

Dit zal TextEdit forceren om je de echte HTML-code te laten zien in plaats van de pagina te renderen en je het uiteindelijke formaat te tonen, zoals toen we het HMTL-bestand een seconde geleden opende.

Dat zijn de wijzigingen die moeten worden doorgevoerd, nu moet u alleen nog zeker zijn om TextEdit te sluiten en opnieuw te starten om de voorkeurswijzigingen van kracht te laten worden.


HTML bewerken in TextEdit

Wanneer u TextEdit opnieuw start, ziet u dat de opmaakbalk vanaf de bovenkant van de interface is verdwenen. Hiermee kunt u weten dat u alleen standaard, niet-opgemaakte tekst gebruikt.

Als we hetzelfde bestand openen als voorheen, ziet u dat we de werkelijke HTML-code bekijken in plaats van de gegenereerde code.


TextEdit is nu ingesteld voor eenvoudige HTML-codebewerking.

Om een ​​nieuw HTML-bestand te maken, maakt u een nieuw document zoals normaal. Wanneer u het bestand echter opslaat, moet u ".html" toevoegen aan het einde. TextEdit zal u vragen of u die bestandsextensie wilt gebruiken. Klik op "Ja" en u hebt een HTML-bestand gemaakt.


Conclusie

TextEdit is een prima eenvoudige HTML-editor, maar je kunt het vrij snel ontgroeien, afhankelijk van hoe snel je verder gaat. Andere HTML-editors bieden functies zoals het automatisch voltooien en sluiten van uw HTML-tags, HTML-tag-foutrapportage en een groot aantal andere handige functies die u niet zult krijgen in TextEdit.

Dat gezegd hebbende, voor de prijs, die gratis is bij elke aankoop van een Mac, is TextEdit de snelste manier om aan de slag te gaan met HTML-bewerking en webontwerp en vaak een goede manier voor zelfs ervaren professionals om snel iets te veranderen.