Mozile (xhtml editing in your browser) 
| resources: | Home Use FAQ Contribute Mailing List Plan Source Code Bugs |
|---|
Quick Start!
Either you can...- Install the latest Mozile 0.7 Extension in your Firefox browser,
- Restart the browser...
- Click "View -> Toolbars -> Customize..." and drag the Mozile edit button
to your toolbar.
- Download the latest Mozile 0.7 Server-Side to use in your web page.
- Unzip it to a folder on your server.
- To any page you want to edit add a script tag like this one,
<script type="application/x-javascript" src="mozile/core/mozile.js"/> - Tweak the
mozile.jsconfiguration file to suit your needs.
Using Mozile
Mozile has gone through a number of revisions in an attempt to find the best way to edit XHTML in a browser. You have your choice of four different versions of Mozile.
- Mozile 0.8 is the newest version and is currently in its Alpha stage. This is the first version to support cross-browser editing with both Mozilla and Internet Explorer. Currently Firefox 1.5, 2.0 and Internet Explorer 6 are supported, but we hope to support other browsers in the future. Mozile 0.8 is currently server-side only. An extension for Mozilla may be developed.
- Mozile 0.7 can be used over the web or as a browser extension. It works with Firefox 1.0.4+, SeaMonkey 1.0+, and the Mozilla Suite 1.7.11+. Firefox 1.5+, 2.0+, and SeaMonkey 1.0+ are recommended. Most of the development effort has shifted to the newer Mozile 0.8, but we will still fix bugs in this version.
- Mozile 0.6 is only available as a browser extension. The latest version works with Firefox 2.0 and is still under active development.
- Mozile 0.5 is no longer being developed. It can be used over the web, and supports Mozilla and Firefox 1.0. This version was designed for the possibility of cross-browser use, but that was never completed.
The different versions of Mozile are used in different ways. The key difference is whether Mozile is used server-side or as an extension.
Server-Side Mozile
When Mozile is used server-side it requires no special installation in the user's browser. For an example see here. The browser will automatically download the required JavaScript files, just like any other web page.
Mozile 0.8, 0.7, and 0.5 can be used in this way. Here is how you do it.
Mozile 0.8
- Install Mozile on your server by downloading and unzipping it to a publicly accessible directory.
- To each page you want to edit with Mozile 0.8 you need to add a
<script>tag to the<head>of the page. For example,<script type="application/x-javascript" src="path/to/mozile.js"></script>
- You can configure Mozile with a second script,
<script type="application/x-javascript" src="path/to/mozile.js"></script> <script type="application/x-javascript"> window.onload = function() { mozile.editElements("editor"); mozile.useSchema("../lib/xhtml.rng"); } </script> - This example configuration makes all elements with
class="editor"editable using thexhtml.rngRNG schema,<div class="editor"> <p>This paragraph is editable.</p> </div>
- Instead of using
mozile.editElements("editor")you can set an element'scontentEditableattribute totrue,<div contentEditable="true"> <p>This paragraph is editable.</p> </div>
Mozile 0.7
- Install Mozile on your server by downloading and unzipping it to a publicly accessible directory. (You may prefer the development version which includes additional resources).
- To each page you want to edit with Mozile 0.7 you need to add a
<script>tag to the<head>, and set thesrcattribute to point to themozile.jsconfiguration file. For example,<script type="application/x-javascript" src="mozile/core/mozile.js"/>
- Change the configuration file to suit your needs.
Mozile 0.5
One, two, three ...
- Install the server-side version of Mozile which means that you host it on your web site by unzip'ing mozile-install to an appropriate directory.
- put a reference to "mozileLoader.js" in the
headelement of any page that you want to edit:<script src=".../mozileLoader.js" type="text/javascript"/>
- To make a specific page element editable, you either:
- set its
contentEditableattribute totrueor, - if you prefer a touch of style, use Mozilla's CSS property
-moz-user-modify:-moz-user-modify: read-write; -moz-user-input: enabled; -moz-user-select: normal;
- set its
Mozile Extension
Mozile can also be used as a browser extension. This requires you to install the extension before you can start editing, but it provides benefits like access to the system clipboard.
Mozile 0.7 and Mozile 0.6 can be used as browser extensions.
While 0.7 and 0.6 both will work in SeaMonkey and the Mozilla Suite, Firefox has much better support for extensions and is highly recommended. In particular, it's difficult to uninstall extensions from the other two.
Also note that Firefox blocks the installation of extensions from sources it does not trust. You may see a warning saying "To protect your computer, Firefox prevented this site from installing software on your computer". In order to allow the installation, press the "Edit Options" button and click "Allow". You can also change these options in the "Content" tab of the Firefox options window, where it says "Warn me when web sites try to install extensions or themes".
Mozile 0.7
- Install Mozile 0.7 (or the development version which includes additional resources). Restart the browser.
- In Firefox you can select "View -> Toolbars -> Customize..." and add the Mozile edit button to your toolbar.
- To edit a page either click the "edit" button, or select "File -> Edit Page Using Mozile".
Mozile 0.6
- Install Mozile 0.6. Restart the browser.
- Firefox 2.0 : mozile-0.6.31.xpi (1 January 2007)
- Firefox 2.0 : mozile-0.6.31-devel.xpi (Developer's version, includes documentation.)
- Firefox 1.5 : mozile-0.6.27.xpi (3 June 2006)
- Firefox 1.5 : mozile-0.6.27-devel.xpi
- In Firefox you can select "View -> Toolbars -> Customize..." and add the Mozile edit button to your toolbar.
- To edit either...
- Click the "edit" button, or use the "Mozile -> Edit" menu to edit the whole page,
- Or use Mozilla's special CSS property to mark which areas can be edited:
-moz-user-modify: read-write; -moz-user-input: enabled; -moz-user-select; text;
Mozile 0.6 : Firefox 1.0 and Mozilla
This is an older version of the extension for older browser versions. (No longer under development.)
- Documentation.
- Extension : mozile-0.6.22.xpi mozile-0.6.22-devel.xpi (Developer's version)