HTML CSS Live Editor
HTML or CSS developer or learner, Get the program output instantly.
什麼是HTML CSS Live Editor？
HTML CSS Live Editor是由http://tutorialcodeplay.com開發的Chrome擴展程式，該擴展的主要功能是“HTML or CSS developer or learner, Get the program output instantly.”。
擴展截圖
下載HTML CSS Live Editor擴展crx文件
下載HTML CSS Live Editor擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
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. 擴展基本資訊
| 名稱 |  HTML CSS Live Editor |
| ID | fmoefcghodkjgeabgcjaginjmachgnln |
| 官方網址 | https://chrome.google.com/webstore/detail/html-css-live-editor/fmoefcghodkjgeabgcjaginjmachgnln |
| 簡介 | HTML or CSS developer or learner, Get the program output instantly. |
| 檔案大小 | 225 KB |
| 安裝次數 | 9,000 |
| 目前版本 | 1.9 |
| 更新時間 | 2019-03-08 |
| 上架時間 | 2019-03-08 |
| 評分 | 4.00/5 共 24 次評分 |
| 開發者 | http://tutorialcodeplay.com |
| 電子郵箱 | [email protected] |
| 付費類型 | free |
| 擴展官網 | http://www.tutorialcodeplay.com |
| 說明頁面URL | http://www.tutorialcodeplay.com |
| 支援的語言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "HTML CSS Live Editor",
"description": "HTML or CSS developer or learner, Get the program output instantly.",
"version": "1.9",
"browser_action": {
"default_icon": "Icon-1024.png",
"default_popup": "HTMLEditor.html"
},
"author": "Merbin Joe",
"offline_enabled": true,
"homepage_url": "http:\/\/www.tutorialcodeplay.com",
"icons": {
"16": "Icon-16.png",
"48": "Icon-48.png",
"128": "Icon-128.png"
},
"manifest_version": 2
} | |
