HTMLG online HTML code editor provides two text areas to edit the visual content and the source code simultaneously. As you edit either of the input areas mentioned above the changes are reflected in the other one in real time. Further HTML editing features can be found below the two editors.

Visual editor

The WYSIWYG editor on the left is a full featured word edior which has a similar operation to Microsoft Word or Google Docs. The control panel above the editor area lists all features you need to compose your content. Convert Microsoft Word, Excel, Poverpoint, Open Office, Google Docs, PDF or any other visual text document to HTML code by copying the content of your document and pasting it here. Check the code generated instatly in the source editor and execute further modifications if needed.

Source editor

The text area on the right is where you can edit your source code. Syntax highlighting helps you overview the HTML tags more easily. The control bar below the editor allows you to adjust the font size, character encoding, compression, set tree view and more.

Tag Manager

Perform bulk operations on predefined or user-specified HTML tags. Execute these by clicking the   button or activate them checking the   boxes and running all checked options all in one with the play button on the top right corner of the tag manager window.

Generate the code for the most common tags clicking the   sign. Use the wizard to set up and add the new element to the end of the document.

To replace tags in the document enter the new tag name in the input field without the < > characters. The program will throw a warning if you try to perform a substitution without entering a value. This feature lets you replace for example every <strong> tag with <span> tags leaving the attributes unchanged.

Use the option in the next column to delete every instance of a tag, for example to remove all tables or images.

The delete tags option removes only the tags and the attributes but leaves the content intact. If you apply this option to tables then it will move all content outside of the table.

The delete attributes option allows you to remove all tag attributes of a given tag, including styles, classes and every tag-specific settings.

Click the   in the last column to convert tables and lists to organized div elements. You will need to apply a css code to style these.

Source Cleaning

Execute the cleaning options clicking the play buttons or set them active with the checkboxes. The active options will be executed when you click the Clean button below the source editor.

Find and Replace

Add up to 9 replace rules with the   button. Specify what string to look for in the source, what to replace it with and specify where. Note that the characters are case sensitive and regular expressions can't be used.

Color Picker

Select easily the color you need, save the hex codes, and use the click-and-copy feature to paste them quickly in the source editor. The color mixer allows you to generate/mix colors according to the HSV and CMYK components.

Gibberish text generator

Generate text to fill the spaces in your document. Select if you want to add the text to the end of the editor or to populate a separate area below.

To try these features we recommend you to click the Demo menu item to populate the editor with a text.