html code box插件,HTML CSS Live Editor

Who need this?

This extension is very useful to HTML or CSS developer or learner, because you can write the html program left side and Get the program output on the other side instantly (If you enable the "Auto Submit" Checkbox)

Features

Real Time output

If you check the "Auto Submit" check box ,depending on your input you will get an instant output in the output box. Else after entering your code in the input box you will have to click on the "Submit Changes" button to view the output. "Reset button" can be used to reset to the initial stage.

Code Line Number

You can see the number of lines for the corresponding code. So will be able to get the size of your code easier.

Marker

Marker can be used to mark particular positions/lines of your code(In case you need to remember certain lines).

Last Output

Your last output and code will be stored automatically in your browser. This is not a temporary storage,even after you restart your system, you can view code from last session.

Tag Alignment

Your HTML or CSS code will be auto-aligned ,which makes your code easily understandable and rectifiable.

Colours

Further more, tags,attributes and attribute values in your code will be coloured differently so as to enhance understand ability and makes it easy to maintain.

CSS supported

HTML-CSS editor supports coding with CSS style sheets to generate instant outputs which can help a greater deal in minimising the coding time and improving its quality.