Set Up: cPanel File Manager: HTML Editor

On the File Manager toolbar, you will find a HTML Editor. The HTML Editor is a visual (WYSIWYG) interface that lets you easily edit your HTML files.

Editing an HTML file using the HTML Editor

1. Select the HTML file you want to edit.
2. Click on the HTML Editor icon on the top toolbar. Alternatively, you can right-click on the file and select HTML Edit from the options menu.

   

3. Click Edit to open the HTML editor.

   

4. Edit the file as needed. When ready, click Save to save the changes.

   

HTML Editor Toolbar

Here are some of the tools that you can use when you edit a file in the HTML Editor interface:

Tool	Icon	Description
Save		Saves the file to the server
Templates		Selects a pre-built template to use
Print		Prints the file
Undo/Redo		Undo or redo the actions you have taken
Find and Replace		Lets you search the content and replace it with different content you have entered
Select all		Selects the whole document, which you can then cut, copy or delete
Form tool		Lets you insert form elements
Text tools		Lets you modify the appearance of text
Remove Format tool		Removes the selected text’s formatting while maintaining the text itself. This tool is useful if you have copied your content from an outside source and the format is inconsistent with the rest of your document. This option then lets you remove an existing formatting and reset it back to your document’s default style
List tools		Lets you create an ordered (numbered) or unordered (bulleted) list
Indent tools		Lets you add left or right indentation
Block quote tool		Lets you create a block quote
DIV < />		Lets you create a div container around the selected text
Alignment tools		Lets you format the selected text or images with the left, center, right, or fully justify alignment options
Link tools		Lets you create or remove links
Anchor tool		Lets you create anchors in your content to link to another section within your website
Image tool		Lets you insert an image into your content
Embed Media tools		Lets you insert videos and Flash objects from an external source (ie. YouTube)
Insert tools		Lets you add tables, horizontal lines, page breaks and other special characters to your content
Styles menu		Lets you select the style of font
Paragraph Format menu		Lets you set the paragraph style
Text direction tools		Lets you change the direction of your text from left to right, or from right to left
Font menu		Lets you select font options
Size menu		Lets you select the font size for your text
Color tools		Lets you select the color of the text as well as the background color of your text
Show Blocks tools		Displays a grid that separates the block-level elements with HTML tags
< > Source		Displays the source code for the content area