PageEdit en realtids WYSIWYG-sidredigerare [Chrome]

Personer som använder Chrome eller Firefox för webbutvecklingsändamål vet att det finns några mycket bra verktyg tillgängliga för varje webbläsare som gör att utveckla sidor mycket enklare. Från Firefox Firebug-tillägg, till Chromes inbyggda verktyg för webbutveckling, kan utvecklare snabbt och enkelt redigera koden som de ser på en sida och få ändringarna att visas direkt så att de kan bestämma vad som fungerar och vad som inte gör.

Men genom hela processen behöver du fortfarande veta något eller två om HTML, CSS och Javascript-kod, vilket kanske inte är bäst för personer som inte vet mycket om koden. Lyckligtvis finns det ett tillägg för Chrome som låter dig redigera sidor på WYSIWYG-sättet.

Installation

För att installera den här utvidgningen klickar du bara på länken inuti Chrome för att gå till förlängningssidan för nedladdning. Klicka igen och det kommer att installeras om några sekunder. Du kan aktivera den nya anknytningen via dess knapp högst upp till höger.

Viktigaste egenskaper

Genom att klicka på länkens tilläggsknapp kan du redigera den sida du är närvarande på, och du måste klicka på knappen för varje annan sida som du vill redigera också, även om den finns i en annan flik. Efter att ha klickat på knappen presenteras du med massor av verktyg som låter dig göra mycket med sidinnehållet. Inte bara kan du ändra formateringen, men du kan också ändra vad sidorna säger sig själv. Klicka bara och börja skriva som om det var din textbehandlare.

Högerklicka menyåtgärder

Om du högerklickar på ett objekt får du en lista över olika åtgärder du kan göra med vad du klickade på. För text får du alternativ som Klistra in, Redigera Div, Ta bort Div, och Egenskaper för punktlista. Om du klickar på en länk ser du också alternativ för att ändra eller ta bort länken. Naturligtvis kan du alltid lägga till en länk med hjälp av lämplig knapp i verktygsfältet högst upp på sidan.

Bildegenskaper

Genom att klicka på en bild kan du titta på bildegenskaperna, som visar saker som webbadressen, alt text, bredd och höjd och mer, som alla kan redigeras också. Du kan även redigera mer avancerad information, till exempel länken URL för bilden och olika andra saker som webbutvecklare skulle veta mer om.

Spara dina ändringar

Slutligen, när du är klar med alla förändringar, kan du antingen stirra på dem tills det är dags att stänga webbläsaren, eller du kan spara hela sidan, inklusive dina ändringar, i en HTML-fil. Tryck helt enkelt på knappen Spara, och ett fönster visas med en länk som du kan högerklicka och välja “Spara länk som“. Det bästa med detta är att det sparar källan, så du har alltid det om det behövs.

Slutsats

PageEdit är en ganska snygg förlängning som gör att du kan redigera sidor på ett roligt sätt som inte följer de traditionella utvecklingsverktygen. Förhoppningsvis kommer du kunna ha roligare med det här verktyget än du kan med något annat för att göra webbsidor. Behöver du en snabb idé? Prova att välja en sida, redigera den efter eget tycke, spara den på din hårddisk och peka sedan på din webbläsare för att använda den som din hemsida. Du kan till exempel ta Googles standard målsida och ersätta logotypen med en anpassad bild.

Om du vill lära dig lite kod, försök vår guide på XHTML!

Tror du PageEdit är en cool idé? Skulle du använda den över traditionella utvecklingsverktyg? Låt oss veta i kommentarerna!

Utforska mer om: Google Chrome, HTML, webbdesign, webbutveckling, webbverktyg, WYSIWYG-redaktörer.