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 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 button and select an image in the dialog box.
Title
- Enter the image's title. The contents of the 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.
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 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.
Hyperlink
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 ( ) 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 , 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.
Cancel hyperlink
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 box. Click 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.