對做一個網(wǎng)站來說,網(wǎng)站的服務(wù)器端語言往往有著比較強大的編輯器,而網(wǎng)頁前端工程師由于對代碼的智能提示等其他需求不是特別的強烈,選擇性還是比較廣的,如目前比較流行的Webstrom、DW等,但是這些編輯工具不僅龐大而且是收費軟件,有時候用戶根本不需要那么多的功能。
HTML Editor是一款chrome瀏覽器中的在線HTML5編輯器,用戶在chrome中安裝了HTML Editor插件以后,就可以進行簡單的開發(fā)了,而HTML Editor提供了許多實用的功能正是開發(fā)者所需要的,比如自動建立HTML模版、HTML標(biāo)簽自動閉合、支持HTML5標(biāo)簽等特性,比起使用龐大的編輯器來說顯得輕便,而又比記事本編寫代碼感覺輕松,是一款網(wǎng)站前端開發(fā)工程師居家必備的一款實用性編輯器。
1.在谷歌瀏覽器中安裝HTML Editor插件,并在Chrome的擴展器中啟動HTML編輯器的功能,HTML Editor插件的下載地址可以在本文的下方找到,離線HTML Editor插件的安裝方法可參考:怎么在谷歌瀏覽器中安裝.crx擴展名的離線Chrome插件? 最新谷歌瀏覽器離線安裝版可以從這里下載:http://chromecj.com/chrome/2014-09/177.html。
2.在chrome中啟動HTML Editor應(yīng)用,并建立一個初始化的HTML模版就可以開始工作了,用戶可以在HTML Editor提供的編輯界面中同時編輯頁面的HTML/CSS/JS,如圖所示:
3.通過HTML Editor編輯后的網(wǎng)頁內(nèi)容,可以以所見即所得的形式進行預(yù)覽,更加方便用戶的調(diào)試,如圖所示:
4.編輯完成后,用戶就可以演示或?qū)С鼍庉嫷膬?nèi)容。
1.HTML Editor只能對網(wǎng)頁的前端語言進行編輯,對于PHP等服務(wù)端語言不適合。
2.由于HTML Editor是一款在線的HTML編輯器,用戶應(yīng)該及時做好備份的工作,以免因為異常關(guān)閉瀏覽器而導(dǎo)致丟失工作。
1.由 fiddlesalad.com 提供。
點擊轉(zhuǎn)到HTML Editor:HTML5在線編輯器下載頁面
轉(zhuǎn)載必須注明來自: Chrome插件 ? HTML Editor:HTML5在線編輯器