HTML CSS Live Editor

HTML CSS Live Editor插件简介

HTML CSS Live Editor插件描述

Who need this?
   This extension is very useful to HTML  CSS developer  learner, because you can write the html program left side  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 f the cresponding 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  you need to remember certain lines).

 Last Output
    Your last output  code will be sted automatically in your browser. This is not a tempary stage,even after you restart your system, you can view code from last session.

 Tag Alignment
    Your HTML  CSS code will be autoaligned ,which makes your code easily understable  rectifiable.

 Colours
   Further me, tags,attributes  attribute values in your code will be coloured differently so as to enhance underst ability  makes it easy to maintain.

CSS suppted
 HTMLCSS edit suppts coding with CSS style sheets to generate instant outputs which can help a greater deal in minimising the coding time  improving its quality.
                                

HTML CSS Live Editor插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 HTML CSS Live EditorChrome插件v1.9版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决