Snabbtips Konfigurera TextEdit för kodning av HTML

Om du, som jag, börjar komma in i HTML och webbdesign, kan du känna dig lite vilse när det gäller att välja en HTML-editor. Du kan vara lite orolig att spendera pengar på en kodande app om du är helt ny i HTML och fortfarande får dina fötter våt. Lyckligtvis kommer OS X med en bra HTML-editor inbyggd. Låt oss ta en titt på hur du kan konfigurera TextEdit för att vara en grundläggande HTML-redigerare.


Vad är TextEdit?

TextEdit är som en grundläggande textredigerare som skickas med din Mac som en del av de medföljande programmen, tillsammans med Safari, iLife Suite och många fler. Medan TextEdit huvudsakligen är tänkt att få dig igång med att kunna skriva grundläggande text, med några få ändringar i inställningarna kan du göra TextEdit till en grundläggande HTML-redigerare, och du behöver inte investera mer än du redan har på din Mac.

Om du försöker öppna en HTML-fil inuti TextEdit som det kommer du att se att TextEdit faktiskt redigerar filen eftersom den skulle se in i en webbläsare. Det vill säga TextEdit läser HTML-taggarna för texten samt CSS-formateringen för dessa taggar och visar dig den resulterande formaterade sidan.


Rendered HTML-kod i TextEdit

Det här är bra för att se hur sidan skulle se ut, men för att faktiskt kunna arbeta med och redigera HTML-koden, måste vi säga TextEdit att inte göra HTML-taggarna och visa oss råkoden.


TextEdits inställningar

Om du går till TextEdits inställningar går du till TextEdit> Inställningar Du kommer att se alla tillgängliga alternativ. Det finns två huvudflikar längst upp, Nytt dokument och Öppna och spara.

Den första preferensen vi behöver ändra är under Nytt dokument fliken Under Formatera. Du vill ställa in formatet till Enkel Text genom att markera kryssrutan.


Om du ställer in formatet på vanlig text kommer du att förhindra att du av misstag lägger till rik textformatering till din HTML-kod.

HTML, Hyper Text Markup Language, är skrivet i vanligt textformat. HTML-koden har ingen rik textformatering som fet eller kursiv tecken. Om du kontrollerar detta kommer TextEdit att bara användas med ren text så att du inte slumpvis lägger till rik textformatering till koden.

Därefter, under Öppna och spara fliken, under När du öppnar en fil, markera rutan för "Visa HTML-filer som HTML-kod istället för formaterad text".


TextEdit visar nu HTML-koden istället för att göra webbsidan.

Detta kommer att tvinga TextEdit att visa dig den faktiska HTML-koden i stället för att göra sidan och visa dig det slutliga formatet som när vi öppnade HMTL-filen för en sekund sedan.

Det är de förändringar som gör, nu behöver du bara vara säker på att avsluta TextEdit och starta om för att preferensförändringarna ska träda i kraft.


Redigering av HTML i TextEdit

När du startar om TextEdit kommer du märka att formateringsfältet är borta från början av gränssnittet. Detta låter dig veta att du bara använder grundläggande, oformaterad text.

Om vi ​​öppnar samma fil som tidigare ser vi att vi tittar på den aktuella HTML-koden i stället för den gjorda koden.


TextEdit är nu upprättad för grundläggande HTML-kodredigering.

För att skapa en ny HTML-fil skapar du ett nytt dokument som normalt. Men när du sparar filen måste du lägga till ".html" till slutet. TextEdit frågar dig om du vill använda den filändelsen. Klicka på "Ja" och du har skapat en HTML-fil.


Slutsats

TextEdit är en bra grundläggande HTML-editor, men du kan växa ganska snabbt beroende på hur snabbt du går framåt. Andra HTML-redaktörer erbjuder funktioner som automatisk slutförande och stängning av dina HTML-taggar, rapportering av HTML-taggfel, liksom en mängd andra användbara funktioner som du inte kommer att få i TextEdit.

Med det sagt, för priset, vilket är gratis med alla Mac-inköp, är TextEdit det snabbaste sättet att komma igång med HTML-redigering och webbdesign och ofta ett bra sätt för även erfarna proffs att göra en snabb förändring till någonting.