What is HTML Editor?
This free tool has everything you need to quickly and easily compose the perfect web content and convert documents to HTML. Convert Word docs to tidy HTML and any other visual documents like Excel, PDF, Google Docs etc. It's extremely simple and efficient to work with the two attached visual and source editor which respond instantly to your actions. It set new lines and indents html code in format tree-view for readability
How to use?
Convert any document to clean HTML. This free online code formatter will help you compose your documents quickly and easily. You compose your text using the WYSIWYG editor on the left and adjust formatting of the source code on the right. Edit any of these fields and the changes will be reflected in the other one instantly as you're typing. To convert Microsoft Word, PDF or any other rich-text documents to HTML, simply paste it in the visual editor. Perform bulk operations on the HTML code by clicking the Clean button after the cleaning options checked
WYSIWYG "what you see is what you get":
WYSIWYG is an acronym for What You See Is What You Get . It's a content editig system with a user interface which displays something similar to the end result while the document is being edited, which might be a web page, a presentation, a spreadsheet, a printed document etc. It's a user-friendly way of editing because people don't have to remember the names of different formatting commands. The user has direct access to the layout and sees the changes in real time.
The operation of this visual word composer is very intuitive. It behaves like Microsoft Word, Open office or any other rich text editor and it helps you preview how your elements will look when you publish your article on a website.
Work with the code editor:
Syntax highlighted HTML code reviser with many useful features, such as:
- Suggest tags and attributes of tag in html
- Autocomplete and Automatic tag closing
- Line number counter
- Active line highlighting
- Highlighted opening and matching closing tags
Open the dropdown menu to reveal the cleaning options. The checked options are executed once you press . Result:HTML is cleaned and displayed as tree-view
Remove inline styles: clear every style tag attribute. It's recommended to use a separate CSS file for styling.
Remove tag attributes: Erases all tag attributes, including styles, classes etc. This option doesn't affect the src of images and href attribute of links, because otherwise these tags would become useless.
Remove Classes and IDs: Removes all class and id attributes. A useful feature when you're migrating an article from a website to another and you want to get rid of alien classes.
Remove all tags: Removes all tags, formatting and leaves the plain text.
Clear successive s : Removes repeated spaces which is a bad practice of shifting the text to the right and setting gaps in the text: <p> </p>
Remove tags with one : Clears tags that contain a single space, such as
Remove comments: Get rid of HTML comments: <!-- ... -->
Remove span tags: Inline text styles are often set by using the span tags. Activating this option will remove all span tags including their styles, classes etc.
Remove table tags: Activating this option, clear all the table tags. This feature can't be used if the Replace tables with <div>'s function is active.
Remove empty tags: Erases tags that contain nothing or just a space.
Remove image tags: I think this option requires no detailed explanation. It removes all images from the HTML code
Remove link tags: This option strips every anchor tag from the HTML code. Not the content inside the tags, it just removes all the links from the source.
Encode special characters: With this option you can activate or disable the encoding of special html characters. When this setting is checked/unchecked the editors refresh immediately executing the character encoding as selected.
Replace table tags with structured <div>s : In the era of responsive web design the old trend of building websites using HTML tables can't be used anymore . You have to use div tags and style them as required, We give you a simple option to replace all table tags with div tags having the correct classes.