Clone wiki

Etna / screenshots

Screenshots

The following screenshots are from the old Etna 0.3.1 version.

Startup

When you start Etna for the first time, it shows an empty window. You have to register a schema, or install an extension that will register one for you.

images/0.3.1/etna-0.3.1-startup.png

Registering a schema by hand

Open the dialog, and indicate the relaxng file. This screenshot shows messages when the schema is ok and when there is an error.

images/0.3.1/etna-0.3.1-dialog-add-schema.png images/0.3.1/etna-0.3.1-dialog-add-schema-ok.png images/0.3.1/etna-0.3.1-dialog-add-schema-bad.png

Registering a schema with an extension

You may install extensions, just the same way you do in Firefox.

{{images/0.3.1/etna-0.3.1-dialog-extension-non-empty.png

Managing schemas

A dialog box allows you to view which schemas are installed, and manage them (including removal). When a relaxNG schema contains additional informations (like description and schema name), Etna will display them in place of the schema url.

images/0.3.1/etna-0.3.1-dialog-schema-manager.png

Creating a new document

The “new document” dialog displays a list of possible new documents (depending on which schemas you have). Like in the schema manager, name and description of possible new documents are shown, based on data found in the schemas.

images/0.3.1/etna-0.3.1-dialog-new-document-many-entries.png

Once you choosed a new document type, you may start editing it directly.

images/0.3.1/etna-0.3.1-new-document-newtinydoc.png

The way this document is displayed is based on the CSS stylesheet bundled with the corresponding schema.

Editing a document

By default, Etna has two toolbars. Additional buttons, toolbars, menu items, etc…, can be added by XUL extensions.

images/0.3.1/etna-0.3.1-new-document-lorem.png

The first default toolbar has two buttons : one to surround content with a specific xml element, another to insert new elements.

images/0.3.1/etna-0.3.1-surround-by-strong-1.png images/0.3.1/etna-0.3.1-surround-by-strong-2.png

The second toolbar shows you the “XML path” of the currently focused element, and a drop down menu allows you to add a new element before or after the current element, or to transform it. images/0.3.1/etna-0.3.1-strong-insert-after-1.png images/0.3.1/etna-0.3.1-strong-insert-after-2.png

Again, the elements available for insertion are defined by labels in the relaxNG schema: in this example, you don’t have <p> or <em>, but “paragraph” or “emphasis”.

When XML elements require attributes, an additional sidebar allows you to specify and edit them.

images/0.3.1/etna-0.3.1-attributes-2.png

Updated