List of Features

Editize provides a WYSIWYG interface for your users to edit simple HTML documents in forms on your Web site. It provides two types of formatting features:

• Paragraph-level formatting
• Character-level formatting

These two sets of tools are clearly separated in the applet's toolbar. All of these features are explained in detail in this section.

Paragraph Formatting Features

Paragraphs may be assigned one of 5 styles in Editize. In addition, paragraphs may be left-, center-, or right-aligned, may be indented, and may be items in bulleted or numbered lists.

Paragraph Styles

Normal

The default paragraph style, this corresponds to a <p> tag in the output document. If you assign a font, size, or color to the Normal style (see the documentation for your chosen API), you should assign the same attributes to the <p> tag with Cascading Style
Sheets when you display the output documents.

Heading

For major headings, this style corresponds to a <h1> tag in the output document. If you assign a font, size, or color to the Heading style (see the documentation for your chosen API), you should assign the same attributes to the <h1> tag with Cascading Style Sheets when you display the output documents.

Subheading

For minor headings, this style corresponds to a <h2> tag in the output document. If you assign a font, size, or color to the Heading style (see the documentation for your chosen API), you should assign the same attributes to the <h2> tag with Cascading Style Sheets when you display the output documents.

Monospaced

Mainly for blocks of code, this is the only paragraph style that allows multiple spaces, and corresponds to a <pre> tag in the output document. The font for this paragraph style is fixed, but you can set a background color to set monospaced paragraphs apart (see the documentation for your chosen API). If you assign a background color, you should assign the same color to the <pre> tag using Cascading Style Sheets when you display the output documents.

Paragraph Alignment

All paragraph styles except Monospaced allow an alignment to be set. For Normal (<p>), Heading (<h1>), and Subheading (<h2>) paragraphs, this is reflected by an align attribute in the output document. For Inset (<blockquote>) paragraphs, a style attribute is used instead, as <blockquote> does not support the align attribute.

Indenting

For citations, notes, and other paragraphs that should be set apart, indenting a block wraps it in a <blockquote> tag in the output document. If you assign a font, size, or color to indented blocks (see the documentation for your chosen API), you should assign the same attributes to the <blockquote> tag with Cascading Style Sheets when you display the output documents.

Lists

Editize supports bullet lists (<ul>) and numbered lists (<ol>). At present, nested lists cannot be created using Editize's WYSIWYG tools.

Character Formatting Features

Character-level formatting is provided with the following features:

Bold

Bold text, maps to a <b> tag in the output.

Italics

Italic text, maps to a <i> tag in the output.

Underlined

Underlined text, maps to a <u> tag in the output.

Highlighted

Highlighted text, displayed in a configurable font color (red by default). This is intended for use to highlight key words in articles, for example. Highlighted text maps to a <span class="highlighted"> tag in the output document. You should assign whatever highlighting color you choose to the highlighted CSS class when you display the output document.

Inline Code

Monospaced text, maps to a <code> tag in the output.

Hyperlinks

Allows you to insert hyperlinks (<a href> tags) into the document. Users are asked whether each link should open in the default window/frame, or in a new window (target="_blank").

Other Features

In addition to the formatting features outlined above, Editize supports:

Images

Editize supports inserting images, both inline and left/right aligned (floating). An easy-to-use dialog lets you specify the information about each image as you insert it. You can even give Editize a URL from which it will download a list of images available for insertion. Users can then choose from that list of images or type in the URLs for other images.

Tables

Editize supports creating and editing content within simple tables. A simple dialog lets you specify the number of rows and columns, and an advanced version of the dialog lets you specify more details about the look of the table.

Line Breaks

In addition to paragraphs, Editize supports line breaks within paragraphs. To create a line break in Editize, users may type Shift-Enter.

System Clipboard Access

Editize supports standard cut/copy/paste cliboard functionality both internally and with other programs on the user's system. In Windows, Editize will import basic formatting when you paste text in from Microsoft applications such as Internet Explorer and Office. To access the clipboard functions, users may right-click in the text region for a pop-up menu. Keyboard shortcuts are also available (as shown in the menu).

Multi-level undo

Just like modern Word processors, Editize allows users to undo and redo multiple changes to a document (including formatting). Editize recalls the last 100 edits performed by a user in a given editing session. To access the undo/redo functions, users may right-click in the text region for a pop-up menu. Keyboard shortcuts are also available (as shown in the menu).

Code View

Editize supports an option that will display a tabbed interface, with the default tab presenting the familiar WYSIWYG view, and a secondary tag providing direct, code-level access to the document. We discourage the use of this 'Code View' tab, since it can easily be used to create HTML that is incompatible with the established look of your site (and possibly even incompatible with Editize's HTML rendering engine!); however, in cases where it is appropriate, this feature can be enabled.