Before a some time I wrote about simple website admin used with Webrunner today I want to introduce another simple solution which I’m using – simple Mozilla Firefox‘s extension which enables access to website admin. I’m using it for the simplest solutions where one man edits one own website.

It consists of the tree parts:

  • Sidebar’s screenshotan Firefox’s extension – is a simple extension which adds new sidebar and new toolbarbutton (you can see it on the screenshot at the right side of this post)
  • TinyMCE from Moxiecode – this JavaScript editor is used for editing text content of the website
  • other pages for editing non-page content – news, adds etc.

I don’t want to describes here how to make Firefox’s sidebar but here is one tip:

  • if you want to make toolbarbutton of your extension visible immediately after installing (and restarting Firefox) and not after user’s demand (by user customization of toolbar) you can use something like this (it’s whole JavaScript file of extension’s overlay and it’s based an Allpeers code):
    GeSHi © 2004, Nigel McNie
    1. // Javascript needed by sidebar’s overlay
    2. // Based on Allpeers code
    3. var gMySidebarOverlay =
    4. {
    5.   // Fired when sidebar is loaded. Adds toolbarbutton of our extension
    6.   // at the and of the Firefox’s toolbar (if doesn’t already here) and
    7.   // preserve persisting of this change.
    8.   onInit : function()
    9.   {
    10.     var wm =  Components.classes["@mozilla.org/appshell/window-mediator;1"].
    11.         getService(Components.interfaces.nsIWindowMediator);
    12.     var win = wm.getMostRecentWindow("navigator:browser");
    13.     var doc = win.document;
    14.  
    15.     var mainToolbar = doc.getElementById("nav-bar");
    16.     if(mainToolbar) {
    17.       if(mainToolbar.currentSet.indexOf("mysidebar-toolbarbutton") < 0) {
    18.         var newSet = mainToolbar.currentSet + ",mysidebar-toolbarbutton";
    19.         mainToolbar.setAttribute("currentset", newSet);
    20.         mainToolbar.currentSet = newSet;
    21.         doc.persist("sidebar-toolbarbutton", "currentset");
    22.       }
    23.      
    24.       try {
    25.         BrowserToolboxCustomizeDone(true);
    26.       } catch (e) {}
    27.     }
    28.   }, // end onInit()
    29.  
    30.   // Removes events listeners
    31.   onFinalize : function()
    32.   {
    33.     window.removeEventListener("load", gMySidebarOverlay.onInit, false);
    34.     window.removeEventListener("unload", gMySidebarOverlay.onFinalize, false);
    35.   }, // end onFinalize()
    36.  
    37.   // Fired when user want to toggle sidebar’s visibility
    38.   onViewSidebar : function() {
    39.     toggleSidebar("viewMySidebar");
    40.   } // end onViewSidebar()
    41.  
    42. }; // End of gMySidebarOverlay
    43.  
    44. // Entry point
    45. window.addEventListener("load", gMySidebarOverlay.onInit, false);
    46. window.addEventListener("unload", gMySidebarOverlay.onFinalize, false);

More screenshots you can find in my web gallery.