Editing an HTML file using the HTML Editor
-
Select the HTML file you want to edit.
-
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.
-
Click Edit to open the HTML editor.
-
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 |
![]() |
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. Useful if you have copied your content from an outside source and the format is inconsistent with your document |
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 (e.g., 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 |