The HTML Editor interface allows you to easily edit your HTML documents from the File Manager interface (cPanel >> Home >> Files >> File Manager). This visual (WYSIWYG) HTML editor includes powerful editing functions of familiar desktop editors (for example, Microsoft® Word).
- Due to customization, the screenshots in this guide may not match the HTML Editor interface that you see. The table below lists all of the interface’s features.
- The HTML Editor interface uses CKEditor functionality. For more information, read the CKEditor Users Guide.
The HTML Editor interface offers the following tools that help you to edit your HTML files:
- Click the left arrow to undo your most recent actions.
- Click the right arrow to repeat actions that you just undid.
Find and Replace
- Click the Find icon to search the text for certain content.
- Click the Replace icon to search for the content and then replace it with different content that you enter in the text box.
Remove Format tool
Block quote tool
Embed Media Content from Various Sites tool
Paragraph Format menu_
Text direction tools
Show Blocks tool
Insert an image
To insert an image, perform the following steps:
— Click the Image tool icon in the toolbar. The editor displays the Image Properties interface. The Image Properties interface includes the following tabs:
Image Info (default) — Sets the image URL and manipulates how it displays in the document.
Link — Creates an image link, which can point to, for example, another web page or a document.
Upload — Stores your images on the server, where you can retrieve them without your local computer.
Advanced — Configures image settings (for example, ID assignments, classes, tooltips, or CSS properties).
2. Confirm your settings in the Preview interface and click OK.
For more information about the Image Properties interface, read the CKEditor Users Guide.
The Browse Server setting directs you to the interface’s File Browser section. Use this section to browse, upload, and manage images on your cPanel account.
This interface includes the following sections:
- Toolbar — A series of buttons that quickly execute specific file browser functions.
- — Move up or down levels of folders.
- — View more information for the selected file.
- Folders pane — Organizes the folder hierarchy for easy navigation. Use the arrows to expand and collapse the different hierarchical levels.
- Files pane — Lists the files available in the selected folder.
- Status bar — The section at the bottom of the interface that displays information about, for example, the selected file or the total number of files in the folder.