Online HTML editor is a WYSIWYG (What You See Is What You Get) tools which lets you write web content online easily without having to worried about HTML markup, and preview of source HTML markup is displayed on to the right side which helps you understand what HTML markup is being generated and you can make some HTML changes if necessary.
HTML editor also provides garphical user interface so that you are writing less code manually and making less error.
Online HTML editor contains following interesting features.
HTML editor provides you array of commands just like available in MS Word, so you get the user interface you are already aware of. It doesn't involve any steep learning curve.
HTML editor helps you write web content if you are completely unaware of HTML markup language. You just concentrate on your content and HTML editor will take care of HTML code.
Since HTML editor is available online you are able to edit the HTML online from anywhere in the world.
For using online HTML editor you may have multiple reasons, some of which are as following:
Web content produced through HTML editor is also the search engine optimised.
When you write web content without the help of any HTML editor you may have invalid nested elements or incorrect use of HTML elements, but by using HTML editor you are less likely to do this kind of mistake.
When you are writing for web, you will definitely want it to be found out by people and there is no better place then search engines to reach out to the new people worldwide quickly.
To start using Online HTML editor (WYSIWYG editor) just start typing in the window provided onto the left hand side, following are the some of the elements you want to add in HTML editor.
Paragraph: When you start writing in HTML editor without any selected command you are writing in paragraph tag. To start a new parapraph just press enter (return) key.
Heading: You can add heading H1, H2, H3, H4, H5 or H6. To add a heading go to Formats>Headings. You can also convert existing content to heading, to do this select the content and go to Formats>Headings and select your favourite heading type.
Bold: You can make content bold by selecting the content and pressing Ctrl+B. Or you can click on Bold icon in toolbar also.
Italic: You can make content italic by selecting the content and pressing Ctrl+I. Or you can click on Italic icon in toolbar also.
Underline: You can make content underlined by selecting the content and pressing Ctrl+U. Or you can click on Underline icon in toolbar.
Strikethrough: You can make content strikethrough by selecting the content and clicking on Strikethough icon in toolbar.
Align Left: You can make content align to left by selecting the content and clicking on Align left icon in toolbar.
Align Center: You can make content align to center by selecting the content and clicking on Align Center icon in toolbar.
Align Right: You can make content align to right by selecting the content and clicking on Align Right icon in toolbar.
Justify: You can make content justified by selecting the content and clicking on Justify icon in toolbar.
Unordered List: You can add a unordered list by selecting Bullet List in toolbar. You can also specify type of list you want to use, available options are : Default, Circle, Disc and Square.
Ordered List: You can add a ordered list by selecting Numbered list in toolbar. You can also specify type of list you want to use, available options are : Default, Lower Aplha, Lower Greek, Lower Roman, Upper Aplha and Upper Roman.
Decrease Indent: You can decrease content indent by selecting content and clicking on Decrease Indent button in toolbar.
Increase Indent: You can increase content indent by selecting content and clicking on Increase Indent button in toolbar.
Table: You can add a table at your cursor place by selecting Table icon in toolbar. While adding table you can select number of rows and columns you want to add. Table also has subcommands for adding, removing rows and columns.
Hyperlink: You can add a hyperlink by clicking on hyperlink icon, it will ask you url to link to and text you want to display.
Horizontal Line: You can a horizontal line by clicking on Horizontal line icon in toolbar.
Image: To add image at cursor position click on image icon in toolbar, specify the url of the image in source and click Ok. Optionally you want to specify other attributes there.
Video: To add video at cursor position click on insert/edit media icon in toolbar, specify the url of the video in source and click Ok. Optionally you want to specify other attributes there.
Text Color: To color text, select the text you want to color and click on Text Color icon in toolbar, from dropdown on right side of Text Color icon you can select color you want to use.
Background Color: To set background color of text, select the text you want to set background color and click on Background Color icon in toolbar, from dropdown on right side of Bckground Color icon you can select color you want to use.
Emoticons: You can choose a smiley from emoticons command available in toolbar.
Find and Replace: To Find and replace certain text you can click on Find and Replace command then specify text you want to search and text you want to replace with an click replace or replace all as you want.
Source code: HTML source code of your web content is available on right side window, you can also view source code by clicking on Source Code icon.
Preview: If you want to preview your web contetnt, how it looks like then you can click on Preview button in toolbar.
Clear Formatting: If you want to clear the formatting then select the target content and click on Clear Formatting icon in toolbar.
Fullscreen: Fullscreen is very helpful if you to have bigger space for your content editing, to go to Fullscreen mode click on fullscreen in toolbar, you can return to normal mode by clicking again on fullscreen icon.
This Online HTML editor has following features which makes it outstanding: