How to Edit HTML Code in cPanel

Estimated reading: 3 minutes 101 views

It’s inevitable that you will have to edit HTML code for your website. Maybe you need to update the path for an image or change the paragraph text on your website, for example. If you have minor changes to make that can be done quickly, you can use the HTML Editor in the cPanel File Manager to change the code. This is called “Editing on the fly“, which is changing the files of the source website while it’s live. Let’s go to the File Manager and see how this cPanel code editor works.

Step 1: Login to cPanel.

Step 2: In the Files section select File Manager

Step 3: Navigate to the HTML page you want to edit.

Step 4: Right-click the file and choose the HTML Edit option. You can also select the file and click the HTML Editor link on top.

Step 5: If you see a pop-up message, read the warning then click the Edit button.

Step 6: Now you should see the HTML Editor interface. You can make changes to the page using the visual editor and top toolbar.

Step 7: You can also click the Source button to add code or change code in your file.

Step 8: When you are done making the changes, you can click Save on the top left.

You can check the website again after editing, here is an example after we edited

HTML Editor Features

Now that you know how to use the HTML editor in the cPanel File Manager, we will go over the features that are included.

This is the actual place where the editing occurs. This is the main view of the HTML Editor.

These tools can be used to insert or paste it into the cPanel code editor. This can save you time when you are copying text from another location or moving text around the page.

These buttons can be used for locating specific lines of code or text and replacing them with different text. This is handy for making multiple changes to the same code.

The text and styling tools are used for customizing text. For example, you can choose a “Header 1” option to insert a header on the page. Then change the font and size of the paragraph content contained on the page.

You can use the link button for easily creating hyperlinks to other pages or sites. The Anchor buttons can be used to link to a specific section of a page.

These buttons can help you add components to your web page. For example, you can easily insert images, embed media, add tables, and special characters.

Also, keep in mind that you can click the Source button at any time to edit the code directly, without using the toolbar


Now you know how to edit HTML code in cPanel! You can begin making changes to your website easily.

Hopefully, this article will be useful for you. Good luck!