Table of Contents

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.

cPanel HTML editor

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.

    cPanel file manager edit html

  3. Click Edit to open the HTML editor.

    cPanel file manager html editor

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

    cPanel file manager edit html save

HTML Editor Toolbar

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

SavecPanel HTML editor save buttonSaves the file to the server
TemplatescPanel HTML editor templatesSelects a pre-built template to use
PrintcPanel HTML editor printPrints the file
Undo/RedocPanel HTML editor undo redoUndo or redo the actions you have taken
Find and ReplaceLets you search the content and replace it with different content you have entered
Select allcPanel HTML editor select allSelects the whole document, which you can then cut, copy or delete
Form toolcPanel HTML editor formLets you insert form elements
Text toolscPanel HTML editor text toolLets you modify the appearance of text
Remove Format toolcPanel HTML editor remove formatRemoves 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 toolscPanel HTML editor list toolLets you create an ordered (numbered) or unordered (bulleted) list
Indent toolscPanel HTML editor indent toolLets you add left or right indentation
Block quote toolcPanel HTML editor block quoteLets you create a block quote
DIV < />cPanel HTML editor divLets you create a div container around the selected text
Alignment toolscPanel HTML editor alignment toolLets you format the selected text or images with the left, center, right, or fully justify alignment options
Link toolscPanel HTML editor link toolLets you create or remove links
Anchor toolcPanel HTML editor anchorLets you create anchors in your content to link to another section within your website
Image toolcPanel HTML editor image toolLets you insert an image into your content
Embed Media toolscPanel HTML editor embed mediaLets you insert videos and Flash objects from an external source (ie. YouTube)
Insert toolscPanel HTML editor insert toolLets you add tables, horizontal lines, page breaks and other special characters to your content
Styles menucPanel HTML editor style menuLets you select the style of font
Paragraph Format menucPanel HTML editor paragraph formatLets you set the paragraph style
Text direction toolscPanel HTML editor text directionLets you change the direction of your text from left to right, or from right to left
Font menucPanel HTML editor font optionLets you select font options
Size menucPanel HTML editor font size menuLets you select the font size for your text
Color toolscPanel HTML editor font colorLets you select the color of the text as well as the background color of your text
Show Blocks toolscPanel HTML editor show blocks toolDisplays a grid that separates the block-level elements with HTML tags
< > SourcecPanel HTML editor show sourceDisplays the source code for the content area