XULEdit

XULEdit is the extension that provides live XUL editor for ActiveState's Komodo Edit and Komodo IDE. The original idea comes from Live XUL Editor by Ted Mielczarek. The main purpose is a quick testing of any XUL code or a previewing of the currently edited XUL documents.

Instalation

After succesfull download you can install this extension on the Komodo Edit or the Komodo IDE from ActiveState. The minimal required version is 4.0 but must be mentioned that XULEdit is tested only on 4.2.* and 4.3alpha1 versions of Komodo Edit and 4.2.1 version of Komodo IDE.

Download

Here you can download all released versions of XULEdit:

Changelog / TODO

Items higlighted by the red color are tasks waiting for implementation, items higlighted by the red color are tasks which are implemented now (but not finished yet). Version marked with asterixs is the currently developed version.

Version 0.6

• shortcuts for serching (CTRL+F), replacing (CTRL+H) and go to line (CTRL+G) should work as in Komodo self
• add simpler version of statusbar as is in the Komodo self – only messages, document status, and line/column. This statusbar will be available for XML editor and script editor – in DTD editor will be hidden
• enable importing scripts/locales (this import is not for editing only for using in edited XUL file)
• and what about enabling snippets?

Version 0.5

• it would be great to have Komodo's code intellisense enabled in our editor and also use internal Komodo's service for editing XML documents - see komodo/content/bindings/views-buffer.xml, ln. 177
• added possibility of quick previewing of XUL documents which you are editing in ActiveState's Komodo Edit/IDE
• popup menus of Scintilla editors are working now
• show source of locales (and also enable editing this sources) – use bottom tabs as in the Eclipse IDE
• enable importing of existing DTD script sources files
• add short help

* Version 0.4 *

• added context menu for accessing main XULEdit's commands (see the screenshot at the right)
• enable scripts editor (JavaScrit, Python)
• preferences dialog – should contain this:
  • General Preferences
    • show parser errors
    • debug mode
    • preview in standalone window
    • show message when deleting DTD entity
    • update preview window on each keypress (or on the requst – via (normally hidden) toolbarbutton
    • enable events handling in the previewed document
  • Templates Preferences
    • default templates for <window>, <dialog>, <overlay> and <prefwindow>
    • possibility to adding new user defined templates
   
• if we are using external window for a previewing of the edited document enable (according to user's preferences) automatic customization of its dimensions according to dimensions mentioned in the edited document. The same case is the title of the document (only when we creating <window> or <dialog>).
• enable base templates for all main XUL elements – <window>, <dialog>, <prefwindow> and <overlay> – trough the welcome screen (like on the screenshot below). These templates should be editable through the Preferences dialog.
   
  
  

Version 0.3

• added simple editor for DTD entities (locales for the currently edited XUL document)
• user now can choose if he want parser error pages to be shown or not
• the XULEdit's stylesheet for the previewed document is now added dynamically without need of an appropriate <xml-stylesheet ... ?> code in the XUL source. I used this code for this task:

        // Pointer to content document of the <iframe> element
        var preview_doc = this.mPreviewWin.contentDocument;
        // Root element of previewed document (e.g. <window>)
        var preview_doc_elm = preview_doc.documentElement;
        
        try {
          var style_elm = preview_doc.createProcessingInstruction("xml-stylesheet",
              "href=\"chrome://xuledit/skin/preview.css\" type=\"text/css\"");
          
          preview_doc.insertBefore(style_elm, preview_doc_elm);
        } catch(e) {}
        

• enable preview in a standalone window
• show line numbers according to Komodo's user preferences
• changed all icons – now all of them coming from the Tango Icon Theme

Version 0.2

• no error pages in the preview browser when edited XUL document is not valid – this typically occurs when you're writing new code – from now is document showed in preview browser only when is valid
• debug mode for the preview window
• added command for copying created source text to the clipboard
• editor is now configured according to s user preferences
• added About dialog

Version 0.1

• instead of normal <textarea> element used Komodo's <view> element which implements Scintilla editing component
• this initial version has the same functionality as the original Live XUL Editor excluding preview in a standalone window