線上設計網頁,自動產生程式碼的編輯工具-HtmlPlayground

如果想編輯網頁等, 但沒有安裝這類的編輯器(如Frontpage). 那可以考慮這個 HtmlPlayground 線上編輯器,可以在線上編寫html, CSS,用了之後, 會發現這介面隱藏一些貼心的功能.除了提供每個tag的說明, 只要點選一個tag, 會自動產生template範本的程式碼, 還可以預覽!!




乍看到這個頁面時, 覺得不太直觀, 花點時間研究一下介面之後, 發現其實功能很多.

首先先點一下左邊的 tag list. 例如, 點了 tr

Discription 就會出現對這個tag的說明.

Example Code 就會自動產生一段程式碼, 而 Example Result 馬上呈現這段程式碼的預覽畫面.



還有一個不賴的功能, 把滑鼠移到 Example Code 的任一個tag (綠色字)按一下, 左下的 Attributes 會出現與這tag相關的屬性,動作.



覺得這個工具挺好的, 如果臨時在外頭上網, 想編寫部落格文章時, 不見得每台電腦都有網頁編輯器, 就可以拿這個來救救火!

有興趣, 去 try 一下 HtmlPlayground 吧!

相關文章 :