(Home >> Files >> File Manager)
The HTML Editor interface allows you to easily edit your HTML documents from the File Manager - x3 interface (Home >> Files >> File Manager). This visual (WYSIWYG) HTML editor includes powerful editing functions of familiar desktop editors (for example, Microsoft® Word).
The table below lists the tools that you can use when you edit a file in the HTML Editor interface:
|Save||Saves the file to the server.|
|Templates||Selects a template to use to structure your document with pre-built forms. Each template includes elements such as page layout, text format, and style.|
|Prints the file.|
Undo or redo selections of text in your content.
|Find and Replace|
Search for and replace selections of text in your content.
|Select all||Selects the whole document, which you can then cut, copy, or delete.|
Insert one or more form elements (for example, checkboxes, text boxes, selection fields, or buttons). The
Forms can include the following elements:
Changes the appearance of text with the following options:
|Remove Format tool||Removes the selected text's formatting, but maintains the text itself. If you copied your content from an outside source and the format is inconsistent with the rest of your document, click this option to set the text back to the default style.|
|List tools||Creates an ordered (numbered) or unordered (bulleted) list in your content.|
|Indent tools||Increases the left or right indentation for the selected paragraph.|
|Block quote tool||Creates a block quote for the selected text.|
|DIV< />||Creates a |
|Alignment tools||Formats the selected text or images with the left align, center, right align, or fully justify options.|
|Link tools||Creates a link to a website or file in your content. If you added a link that you no longer need, highlight the link and use the broken link icon to remove it.|
|Anchor tool||Creates anchors in your content to link to another section within your website.|
|Image tool||Inserts an image into your file. When you use this tool, you can also browse the server and select an image from it, rather than your local computer.|
|Insert tools||Adds tables, horizontal lines, page breaks, and other special characters to your content.|
|Embed Media Content from Various Sites tool||Inserts multi-media elements, such as YouTube videos and Flash objects, in your document.|
|Styles menu||Sets the style of font for the selected text.|
|Paragraph Format menu||Sets the paragraph style for the selected text.|
|Text direction tools||Set the direction of your text from left to right or from right to left.|
Sets the font option for the selected text.
|Size menu||Sets the font size for your text.|
|Color tools||Sets the color of the text as well as the background color of your text.|
|Minimize||Minimizes the interface to fit smaller windows.|
|Show Blocks tool||Displays a grid that separates the block-level elements with HTML tags.|
|< > Source||Displays the source code for the content area.|
|About||Displays information about the File Browser on the CKEditor website.|
To insert an image, perform the following steps:
Advanced — Configures image options (for example, ID assignments, classes, tooltips, or CSS properties).
You should only use the Advanced tab if you understand HTML and CSS.
For more information about the Image Properties window, read the CKEditor Users Guide.
If you enabled cPanel's HotLink Protection - x3 feature (Home >> Security >> Hotlink Protection) and your list of enabled hotlinks excludes your primary domain account, you may not see embedded images. Add your primary domain to the URLs to allow access list to fix this problem.
The Browse Server option directs you to the HTML Editor interface's File Browser feature. Use this feature to browse, upload, and manage images on the cPanel web server.
This interface includes the following sections: