Firefoxtillägg för Escenics webbstudio

Semester i vårt lilla hus på Älö i Västerviks skärgård. Det regnar. Verkligen öser ner. Inte hela tiden, men så där varannan dag. Det passar mig perfekt! Jag har länge tänkt titta på hur det går till att göra tillägg till Firefox.

Som användare av Escenic tvingas man då och då in i webbstudion och det är ingen rolig historia. Detta tror jag alla som provat kan intyga. Framför allt inte när man ska redigera sektionsparameterar i ett oerhört litet textfält på fem rader:



Att fixa till denna tokighet passar utmärkt som utmaning för ett första Firefoxtillägg. Om du är van vid XML, CSS och JavaScript är det enda du behöver lära dig XUL eller XML User Interface Language. XUL är, som namnet antyder, ett XML-baserat språk från Mozilla för att skapa användargränsnitt och används dessutom internt i Firefox.

För att skapa inställningsrutan i mitt tillägg där man kan välja antal rader och kolumner (två inmatningsrutor) gör man så här:


<groupbox>
<vbox align="left">
<label control="section_rows" value="Rader"/>
<textbox preference="pref_section_rows" id="section_rows" size="3">
<label control="section_cols" value="Kolumner"/>
<textbox preference="pref_section_cols" id="section_cols" size="3"/>
</vbox>
<groupbox>


Detta skapar en liten ruta med titeln "Sektionsparametrar", som innehåller två inmatninsfält för rader och kolumner. Notera att man kan lägga till vanlig CSS direkt på elementen.


Mitt första Firefoxtillägg kallar jag för eceTweaks. Det enda det gör är just att lösa problemet med de små textrutorna man redigerar sektionsparametrar i. Det förvalda läget ger dig en textruta som är 90 tecken bred och 20 rader hög, men det går enkelt att ändra genom tilläggets inställningssida. Så länge ingen har laddat ner tillägget och dessutom gett det någon form av betyg, kommer det ligga kvar i Mozillas Experimental-sandlåda. Så ladda gärna ner och sätt betyg!

Det går utmärkt att önska framtida funktionalitet genom att kommentera detta inlägg.