d. Inserting Commands

Use the Insert menu to easily insert not only basic elements like the horizontal line, hyperlink and bookmark, but also pictures, layers and videos.



Background Image

Background Image

Insert an image which appears in the background of the document. You can set the image to repeat in the manner of tiles so that it covers the entire background regardless of its size.

Image Path

  • Enter the file path to the background image. You can click Browse and select an image in the dialog box which appears.

Add

  • Specify whether to lock the background picture in the screen or scroll it.
  • Lock: When you scroll, the background picture looks locked in the screen.
  • Scroll (default): When you scroll, the background picture is scrolled together.

Repeat

Choose whether or not the image should repeat.

  • Repeat: Image repeats both horizontally and vertically.
  • Repeat Horizontally: Image repeats only horizontally.
  • Repeat Vertically: Image repeats only vertically.
  • No Repeat: Image does not repeat.

Image

Here, you can select from background images which have been previously used. Click the X next to an image to remove it.

Horizontal position

  • Specify the horizontal position of the background picture.

Vertical position

  • Specify the vertical position of the background picture.

Background color

  • You can specify the background color.


Image

You can insert images and adjust their size, location, alignment, etc. 

Image

CrossEditor supports GIF, JPEG, PNG and BMP image formats.

 

Image path

  • Enter the image's file path. You can click the Browse button and select an image in the Choose File to Upload dialog box.

Title

  • Enter the image's title. The contents of the Title field will appear when the mouse is placed over the image in a web browser.

Description

  • Enter a brief description as alternate text for the image. This text will appear when the image cannot be displayed.
  •  If the Administrator sets the Accessibility options to Level 1 or Level 2, the user must enter text in the Description field.

Width, Height

  • Set the height and width of the image in terms of pixels.
  •  You can use the mouse drag to freely adjust the size of the inserted picture. You can use the mouse drag to adjust the size in all browsers supported by CrossEditor.

Align To

Set the alignment of the image to the surrounding text. The alignment values are as follows.

Default

Top

Middle

 Aligns the image to the baseline of the text

 Aligns the top of the image to the top of the text.

 Aligns the image to the middle of the text.

Bottom

Left

Right

 Aligns the bottom of the image to the lowest part of the text.

Aligns the image to the left side and the text to right of the image.

Aligns the image to the right side and the text to left of the image.

Top of Text

Bottom of Text


 Aligns the top of the image to the highest part of the font.

 Aligns the bottom of the image to the lowest part of the font.


Left Margin, Right Margin, Top Margin, Bottom Margin

  • Set the left, right, top and bottom margins. The margins are the empty space surrounding the image.

Borders

  • Set the thickness of the image borders.

id, class

  • Specify the ID and class value for the image to be inserted.

Continuously insert images

  • If you place a check mark next to Continuously insert images, the picture insert window will not be closed, and you can continuously insert images by registering files.

Hyperlink

  • Apply a hyperlink directly to an image.


Video

Insert a video in the document. You can insert videos from your local disk or from the internet.

Video

When you insert a video, an image placeholder appears in the editing window.

File

  • Enter the path to the video file. Click the Browse button to open a dialog box where you can choose a file.

URL

  • Enter the URL address for a video that is on the internet.

Streaming

  • If you have inserted a video from the internet and the streaming type is not specified in the URL, check the checkbox and use the drop-down list to set the streaming type.

Enter sources

  • Insert an external video source code into the editor by pasting it.

Width, Height

  • Set the height and width of the screen where the video will play.

id, class

  • Specify the ID and class value for the video to be inserted.
  •  If you insert a video from the internet, you must check if the video's file extension is included in the URL. If it is not, check the Streaming box and select a streaming type.
  •  You can click and drag the video's resize handles to adjust the size of the video screen. 

You can use the mouse drag to adjust the size in all browsers supported by CrossEditor.

  •  To facilitate crossbrowser support, videos are inserted with the HTML <embed> tag.


Chart

Execute the chart function.

Chart

See the chart detail help connected to the following link.

 Chart basic function

 This function is available in Internet Explorer (version 10 or higher), Chrome, Firefox, Opera and Safari (version 7 or higher).


Insert date/time

Select the desired display format from various options and press OK to insert the current date or time as a string at the cursor position.

Insert date/time



Layer

Insert a layer which allows you to position text or images in a certain location.

Layer

Width, Height

  • Enter the width and height of the layer in pixels.

position

Set how the layer is positioned.

  • Relative: position the layer relative to the position of document text or other objects.
  • Absolute: position the layer without regard to the position of document text or other objects.


Insert File

Insert a file of any type in the document.

Insert File


File path

  • Enter the file path. Click the Browse button to open a dialog box where you can choose a file.

Description

  • Enter a description of the inserted file.

Description of the file

  • Enter the description of the file to be inserted.

id, class

  • Enter the ID and class of the file to be inserted.

The location where the file was inserted is indicated as shown below.


Insert a file of any type in the document.

Hyperlink

<Ctrl+L>

Creates hyperlinks which connect to other web documents. Hyperlinks are tags which are applied to words, phrases, pictures or other elements of a web document. When the user clicks on an element with hyperlink tags, they are moved to another web document or another location in the same web document, or they can download files or connect to programs.

You can click the  (Hyperlink) button to insert text with a hyperlink, or you can select existing text and click the hyperlink button to apply hyperlink tags to that text.

If you click the hyperlink button while nothing is selected in the editing window, the following panel will appear.

   

Link Type

  • Select from one of the following link types.
  • URL: Link to a location specified by a URL.

Address

  • Set the location (URL) of the file to which the hyperlink connects.

Text

  • The text to which the hyperlink tags will be applied. When you click OK, the text will be automatically inserted and appear in the editing window.

Title

  • Enter the title of the linked location.
  • If the administrator specified ‘level 1’ or ‘level 2’ in the web accessibility reinforcement option, you must enter ‘title’ to insert a hyperlink if the target frame is '_blank'.

Target Frame

Specify in which frame the target document will appear. You can enter the name of the frame directly or choose from one of the options below.

_blank

Open the link in a new browser window.

_parent

Open the link within the parent frame.

_self

Open the link within the current frame.

_top

Open the link in the full browser window.

id, class

  • Enter the ID and class of the hyperlink to be inserted.

Bookmark Name

  • If the Link Type is set as Bookmark, you can select the name of the bookmark to link to.

 If you pre-select the text or image that the hyperlink will be applied to before clicking the  (Hyperlink) button, the Text option is disabled.


Return the hyperlink to the unspecified state.

Cancel hyperlink


Insert Code

It can be used to express a text or computer code of a special format.

Insert Code


Horizontal Rule

Insert a horizontal line at the location where the cursor is. The width of the horizontal line is the same as the width of the window.

Horizontal Rule

You can use a horizontal rule to separate sections of a document.


Special Characters

Insert characters and symbols which cannot be inserted normally by the keyboard. You can choose from several categories of symbols.

Special Characters

Click on a symbol and it will appear in the Output box. Click OK to insert the symbols in the document.


Emoticons

provides a variety of emoticons.

Emoticons

Click the emoticon icon to see a panel with a selection of emoticons. Click on an emoticon to insert it into the document.


Block Quote

Set apart text as a block quote. A block quote is used when quoting other people at length.

Block Quote

To create a block quote, click the  (Block Quote) button and select the quote format.

Then enter the text of the block quote.

 If you place the cursor in a paragraph and click the   (Block Quote) button, the text of the paragraph will be converted to a block quote.