Back to Home
 
  Product Overview Technical Resources Download HTMLXpress Purchase HTMLXpress HTMLXpress Live Demo Other Products

Getting Started
FAQ
Users Guide
Object Reference
Step-by-step Guide
Version History
 

User's Guide

The HTMLXpress control supports a variety of commands that can be used for editing the contents of the current document. These include commands to format the text; cut and paste; manage tables; links,and images; and more. The HTMLXpress toolbar is displayed on top of the control . The toolbar provides quick mouse access to all commands used in HTMLXpress editor. The list below arranges the commands into groups according to their major function.

File Management

Use this command to create a new HTML document in HTMLXpress. By default, HTMLXpress opens a template containing just the code required for a valid HTML document. You can edit this file and save it to change its content.

Use this command to open an existing HTML document(file). Enables you to select an existing HTML file from your local disk and open it in the HTMLXpress editor for editing.

Use this command to save the active document to its current name and directory. When you save a document, HTMLXpress displays the Save dialog box so you can name your document.

Use this command to print the active document. When you print a document, HTMLXpress displays the Print dialog box so you can change printer options.

Editing commands

Copies the selection to the Clipboard (Ctrl + C). Use this command to copy selected data into the clipboard. This command is unavailable if there is no data currently selected. Copying data to the clipboard replaces the contents previously stored there.

Pastes the contents of the Clipboard to the current location (Ctrl + V). Use this command to insert a copy of the clipboard contents at the insertion point. This command is unavailable if the clipboard is empty.

Pastes the contents of the Clipboard as plain text to the current location. For example you can copy any part of a Word document from Word and paste it into this editor as plain text.

Cuts the selection to the Clipboard (Ctrl + X). Use this command to remove the currently selected data from the document and put it on the clipboard. This command is unavailable if there is no data currently selected. Cutting data to the clipboard replaces the contents previously stored there.

The delete command deletes the selected text or element.

Use this command to reverse the last editing action, if possible. HTMLXpress supports multiple levels of undo (the specific number varies based on the items being undone). Repeated Undo commands will attempt to step backwards through the previous commands and undo one at a time. The Redo command may be selected to redo a command that has been undone. If commands are undone and then a new command is performed, the Redo will no longer allow previous undone actions to be redone.

The Redo command allows commands that have previously been undone with the Undo to be redone. If commands are undone and then a new command is performed, the Redo will no longer allow previous undo actions to be redone.

Format Style

Toggle Bold formatting (Ctrl + B). The Bold command specifies that the text should be rendered in boldface.

Toggle Italic formatting (Ctrl + I). The Italic command specifies that the text should be rendered in italicface.

Toggle Underline formatting (Ctrl + U). The Underline command specifies that the text should be rendered in underlineface.

Format Alignment

The paragraph formatting allows the user to align a paragraph in the following manners:

Text will be left aligned against the left margin and will not extend past the right margin.

Text will be centered between the left and right margins.

Text will be right aligned against the right margin and will not extend past the left margin.

Format List

The Ordered List command is used to present a numbered list of items, sorted by sequence or order of importance and is typically rendered as a numbered list. An ordered list must begin with the <OL> element which is immediately followed by a <LI> (list item) element.

The Unordered List command is used to present a list of items which is typically separated by white space and/or marked by bullets. An unordered list must begin with the <UL> element which is immediately followed by a <LI> (list item) element.

Indents contents of selected paragraph to the left by one character width of the standard font.

Indents contents of selected paragraph to the right by one character width of the standard font.

Format Paragraph

The Paragraph element indicates a paragraph of text. No specification has ever attempted to define exactly the indentation of paragraph blocks and this may be a function of other elements, style sheets, etc.

The Preformatted Text element presents blocks of text in fixed-width font, and so is suitable for text that has been formatted on screen, or formatted for a mono-spaced font.

Format Heading


....
The HTML defines six levels of heading. A Heading element implies all the font changes, paragraph breaks before and after, and white space necessary to render the heading. The highest level of headings is <H1>, followed by <H2> ... <H6>.

Format Color

Sets the foreground color of the current selection. To choose the color, you can use the Color Dialog that returns the value of the color attribute and applies to the selection.

Sets the background color of the current selection. To choose the color, you can use the Color Dialog that returns the value of the color attribute and applies to the selection.

Format Font

Font face Applies a font face to the selected text. If nothing is selected but the insertion point is within a word, this command treats the current word as a selection.The FontName combobox control allows the user to choose a font face and add or change the face attribute of the current selection.

Font size Sets the HTML font size of the selected text. If nothing is selected but the insertion point is within a word, this command treats the current word as a selection.The FontSize combobox control allows the user to choose a font size (a numeric value indicating the HTML font size from 1 to 7) and add or change the size attribute of the current selection.

Inserts a new or edit an existing hyperlink. If text or an image is selected, the command converts it into a link. When this command is executed, the Hyperlink dialog box is displayed to allow the user to type or modify the name of the target file and the protocol. The Hyperlink Dialog Box allows you to specify the following information:
  • Link Type - Specifies the protocol to use when you create a link. The following table lists protocols for common types of links.

    http: - Jump to another Web page
    http: - Jump to a bookmark on another page
    (other) - Jump to a bookmark on the current page
    file: - Download a file and open it
    mailto: - Send e-mail
    ftp:, gopher:, telnet:, or wais: - Access other Internet resources Protocol

  • URL - Specifies the Universal Resource Locator (URL) for the link. Enter the URL to a file in the URL text box. Use the following guidelines for entering URLs.

    For Web pages and files, specify the server, path, and full file name (including extension), in the format //Server/Path/File.ext, as in this example:
    //Myserver/Myproj/Startpage.htm

    For bookmarks on another page, specify a Web page in the form //server/path/file.ext followed by # and then the name of the bookmark, as in this example:
    //Myserver/Myproj/Faq#question3

    For bookmarks on the same page, specify # and then the name of the bookmark, as in this example:
    #contents

    For email, specify the email name of the person to send to, as in this example:
    webmaster@mysite.com

    For other protocols, specify the appropriate information for that protocol.

  • Name - You can create a bookmark by entering the bookmark name in the text box and then selecting (other) from the Link Type drop-down list.
  • Title - Specifies the title that appears in a ToolTip when the mouse pointer hovers over the link.
  • Target - Specifies the target window for the link.
  • Text - Specifies the text (word or phrase) for the link.

Removes the hyperlink from selection.

Insert Images

Inserts an image at the current insertion point. The command displays the Picture dialog box, which prompts the name of the picture file and its attributes such as alternate text, borders, alignment and spacing.

Inserts a chart at the current insertion point. The command displays the Open dialog box, which prompts the name of the Excel file, which holds the chart object. Each Excel file contains one or more Worksheet objects and can contain one or more chart sheets as well. Charts in Excel are either embedded in a worksheet or contained in a chart sheet. You can have only one chart in a chart sheet, but you can have multiple charts in a worksheet. Each chart embedded in a worksheet, is a member of the Worksheet object's ChartObjects collection. When you insert a chart from excel in the HTMLXpress editor, you can specify how many ChartObjects you will insert by using the Insert chart dialog box. The command exports a chart in a graphic format, and inserts an IMG tag at the current locatin.

HTML Source

Edit HTML source -- This is the primary work space in HTMLXpress editor, where you enter and edit tags and content. Edit mode is where you do most of your editing and code writing.

Table

This command inserts a table element with the specified number of rows and columns at the insertion point. To create a table, you can use the Table Dialog that determine attributes of the table:
  • Caption A string specifaying the caption for the table. The default is the empty string.
  • Headers A numeric value specifaying the number of head rows in the new table. The default is 1.
  • Rows A numeric value specifaying the number of rows in the new table. The default is 3.
  • Columns A numeric value specifaying the number of columns in the new table. The default is 3.
  • Table Attrebutes A string specif ying the attributes to be assigned to the table element. The default is Border=1; CellPadding=1;CellSpacing=1; Width=75%.

The Edit Table command displays the Table dialog box, which prompts new value of the caption, headers, rows, and columns and attributes such as Border, CellPadding, CellSpacing, and Width. The selection or insertion point must be within a cell of the table.

Inserts new row above the current row in a table. The selection or insertion point must be within a row in a table. The new row will contain the same number of cells as the previous row.

Deletes row in a table. The selection or insertion point must be within a row of the table. When the row is deleted, the overall table height is reduced with the height of the deleted row.

Inserts new column to the left of the current column in a table. The selection or insertion point must be within a column in a table. The new column will contain the same number of cells as the current column.

Deletes a column in a table containing selected text. The selection or insertion point must be in a column of the table. The overall table width is not altered at deleting a column. Instead the width of the columns is adjusted as to accommodate the deleted column.

Splits a table cell. The selection must be within one cell of the table. Each selected cell splits horizontaly - an empty cell is addded to the right of the selected cell.

Merges two table cells into a single cell. The selection must be within one cell of the table. When cells are merged, their contents are concatenated in the remaining cell.

Toggle between <TH> and <TD> tag. The selection or insertion point must be within a cell of the table. If the currently selected cell in a table is TD element then the command converts it to TH element or the opposite.

Exports a table to Excel. The selection or insertion point must be within a cell of the table. The command opens aplication Excel and exports currently selected table to the Worksheet. The new table will contain the same number of headers, row and columns, with the same cell contents as the selected one.

Imports a table From Excel. The command displays the Open dialog box, which prompts the user for the name of the excel file (.xls). Each Excel file contains one or more Worksheet objects. Worksheet objects are contained in the Worksheets collection. When you use command to import table from excel in the HTMLXpress editor, you can specify how many worksheets you will imports by using the Import dialog box.

Spell Checking

Checks the spelling of your document using (if present) Microsoft Office's spell-checker.

Additional

Help

Displays about box for HTMLXpress editor.

 
       
       About ConsultCommerce   |   Contact Us   |   Legal information
  ©2010 ConsultCommerce Ltd. All rights reserved.