<script type="text/javascript">
<!--
function Init()
{literal}{{/literal}
{literal}}{/literal}
// -->
</script>

<div class="onlineeditor">

<h1>{'Online editor help'|i18n("design/standard/ezdhtml/help")}</h1>

<h2>{'Using the toolbar'|i18n("design/standard/ezdhtml/help")}</h2>

<dl>

<dt><img height="16" src="{$path}/undo.gif" width="16" /></dt>
<dd>{'Undo the last operation in the editor. To undo more than one operation, keep clicking the button.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/redo.gif" width="16" /></dt>
<dd>{'Reverse the "Undo" command.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/bold.gif" width="16" /></dt>
<dd>{'Make the selected text <b>bold</b>. If the selected text is <b>bold</b> already, this button will remove the formating.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/italic.gif" width="16" /></dt>
<dd>{'Make the selected text <i>italic</i>. If the selected text is <i>italic</i> already, this button will remove the formating.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/numlist.gif" width="16" /></dt>
<dd>{'Create a numbered list. To create a new list item, press "Enter". To end a list, press "Enter" key on an empty list item. If you click this button when the cursor is on a list item, the formatting will be removed.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/bullist.gif" width="16" /></dt>
<dd>{'Create a bullet list. To create a new list item, press "Enter". To end a list, press "Enter" key on an empty list item. If you click this button when the cursor is on a list item, the formatting will be removed.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/reduce_indent.gif" width="16" /></dt>
<dd>{'Decrease list indent. Use this button to change the level of a list item in a nested list.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/indent.gif" width="16" /></dt>
<dd>{'Increase list indent. Use this button to change the level of a list item in a nested list.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/object.gif" width="16" /></dt>
<dd>{'Insert an image or any other object from the related objects list. For images you can specify size and/or alignment. You can add custom attributes by clicking the "New attribute" button. To upload local images/files, click "Upload new" button. In the upload local file window, choose the local file, specify the name of the new object, choose placement from list and then click "Upload" button. Note that embedded object will begin on a new line when displayed in the resulting XHTML.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/link.gif" width="16" /></dt>
<dd>{'Create a hyperlink. You can select text first and then click this button to make the text a link. If the checkbox "Open in new window" is checked, the link will be displayed in a new browser window.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/anchor.gif" width="16" /></dt>
<dd>{'Create an anchor. An anchor-like icon will appear in the editor.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16text-align: center;" src="{$path}/customtag.gif" width="16" /></dt>
<dd>{'Create a custom tag. Click the button to open the insert custom tag window with a list of available custom tags. Select the name of the custom tag you want to insert, write the tag contents in the textfield "Text" and click the "OK" button. You can add custom attributes by clicking the "InsertAttribute" button. Block custom tags are inserted as a single row and single column table. "Text" field is inactive for block custom tags. You can write text inside the table.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/literal.gif" width="16" /></dt>
<dd>{'Insert literal text. Click the "Insert literal" button to insert a single column and single row table with purple background into the editor field. Text written in this field will be rendered literally in the final output.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/special.gif" width="16" /></dt>
<dd>{'Insert a special character. Click the button to open the special character window. Click on a character to insert it.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/table.gif" width="16" /></dt>
<dd>{'Insert a table at the selected position. Tables with their border set to 0 are displayed with a red border color in the editor.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/insrow.gif" width="16" /></dt>
<dd>{'Insert a row above the current row.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/inscol.gif" width="16" /></dt>
<dd>{'Insert a column to the left of the current cell.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/delrow.gif" width="16" /></dt>
<dd>{'Delete the current row.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/delcol.gif" width="16" /></dt>
<dd>{'Delete the current column.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/splitcell.gif" width="16" /></dt>
<dd>{'Split the current cell into two cells.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/mergecell.gif" width="16" /></dt>
<dd>{'Merge the selected cells into one cell. The cells must be empty.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/find.gif" width="16" /></dt>
<dd>{'Open the search window.'|i18n("design/standard/ezdhtml/help")}</dd>

<dt><img height="16" src="{$path}/help.gif" width="16" /></dt>
<dd>{'Open the help window.'|i18n("design/standard/ezdhtml/help")}</dd>

</dl>


<h2>{'Using the context menu'|i18n("design/standard/ezdhtml/help")}</h2>

<h3>{'Insert object, link, anchor, literal, custom tag, table'|i18n("design/standard/ezdhtml/help")}</h3>

<p>{'Right click using the mouse and choose one of the insert commands from context menu.'|i18n("design/standard/ezdhtml/help")}</p>

<h3>{'Edit table'|i18n("design/standard/ezdhtml/help")}</h3>

<p>{'Move the pointer to a table cell, right click it and choose a command from the context menu. You can insert rows, insert columns,
delete rows, delete columns, split cells or insert objects, tables, links, anchors, custom tags and literal tags.
To set a table cell as the table header, choose "Change to TH" from the context menu.
To edit table properties, choose "Table Properties". To edit table cell properties, choose "Cell Properties". A window will pop up where you can set cell width and cell class. You can set width and class either for the current cell, for all the cells in the current row or for all the cells in the current column by choosing Cell, Row, Column, respectively using the radiobuttons.'|i18n("design/standard/ezdhtml/help")}</p>

<h3>{'Edit the properties of object, anchor, custom tag'|i18n("design/standard/ezdhtml/help")}</h3>

<p>{'Right click the object and choose "Properties" from the context menu, the object properties window will pop up. Edit properties of the object and click "OK". If no changes need to be done, simply click the "Cancel" button.'|i18n("design/standard/ezdhtml/help")}</p>

<h3>{'Edit link'|i18n("design/standard/ezdhtml/help")}</h3>

<p>{'Move the pointer to the link text and right click it. Select "Link properties" from the context menu if you want
to edit link properties. Select "Remove Link" if you just want to remove the link.'|i18n("design/standard/ezdhtml/help")}</p>

<h3>{'Edit the class attribute of the tags header, paragraph, bold, italic, ol, ul'|i18n("design/standard/ezdhtml/help")}</h3>

<p>{'Move the pointer to the text and right click it. Do not make any text selection before right clicking. Choose the command "Properties" from the context menu. A window will pop up where you can assign a class to this tag (You need to define available classes for this tag in content.ini).'|i18n("design/standard/ezdhtml/help")}</p>

<h2>{'Tips'|i18n("design/standard/ezdhtml/help")}</h2>

<ul>
    <li>{'You can create a new line by holding the Shift key down and type Enter.'|i18n("design/standard/ezdhtml/help")}</li>
    <li>{'You can create a new paragraph by pressing the Enter key.'|i18n("design/standard/ezdhtml/help")}</li>
    <li>{'The status bar will show the current tag name, all its parent tags and class information of the tag.'|i18n("design/standard/ezdhtml/help")}</li>
    <li>{'You can make an image-link by selecting the image first and then either clicking the link button in the toolbar or choosing command "Insert Link" from context menu.'|i18n("design/standard/ezdhtml/help")}</li>
    <li>{'You can change the looks of the editor by editing editor.css in the extension/ezdhtml/design/standard/stylesheets/ezdhtml/ directory.'|i18n("design/standard/ezdhtml/help")}</li>
    <li>{'You can edit wordmatch.ini under directory extension/ezdhtml/settings/ to make text copied from MS Word directly assigned to a desired class.'|i18n("design/standard/ezdhtml/help")}</li>
</ul>

<div class="block">
<button class="button" onclick="window.close();">{'Close Window'|i18n("design/standard/ezdhtml/help")}</button>
</div>

</div>