HTML Editor

HTML Editor provides an online environment where a developer can write, edit, execute, debug and validate a HTML code containing HTML, CSS and JavaScript.

It makes it easy for a developer to write and validate HTML, CSS and JavaScript code.

You don't need to install any code editors on your machine. Simply access this editor and play with HTML, CSS and JavaScript code snippets.

Features of HTML Editor

HTML Editor can accept HTML code with CSS code within style element and JavaScript code within script element.

The editor code is processed and the result is displayed in the Preview section, which shows how the content is displayed on a browser.

It is simple to use and makes learning quick and effective.

Configuration Options

Here is the list of configuration options available.

• Theme dropdown can be changed to change the code editor theme to either light (default) or dark.
• Mode is auto-populated and disabled. However, it determines determines the document type, which can be a .html, .php, and others.
• Language is also auto-populated and disabled. However, it is determined by the type of examples user is working with.
• Auto Update checkbox determines whether to automatically process the changes in the code editor or wait for user to run the code. If it is checked, the changes are automatically processed and reflected in the preview.

Action Buttons

Here is the list of actions that can be performed using the buttons provided.

• Upload button to upload a file content (containing SQL query) to the editor.
• Download button to download the SQL query from the editor to an external file on your machine.
• Load Sample button to load a sample SQL query into the editor.
• Clear button to clear the SQL query from the editor.
• Copy button to copy the SQL query from the editor to clipboard.
• View Options button opens a menu which contains options to expand code editor, expand preview, and expand both, which will expand the respective sections of the IDE.
• Run button to run the SQL query, which will be processed and the result qill be displayed in the query result section.

Examples For Reference

Along with the editor, we have an extensive list of examples which can be referred for samples.

Access the respective examples following through the below links.

• HTML
• CSS
• JavaScript
• SQL

All the examples are pulled from our website, which can be accessed using the below links.

• HTML Examples
• CSS Examples
• JavaScript Examples
• SQL Examples
• All Examples