HTML.cafe 線上即時 HTML 編輯器,修改原始碼立即查看效果變化

HTML.cafe 線上即時 HTML 編輯器,修改原始碼立即查看效果變化
Copyright : vasilyrosca / 123RF Stock Photos

現在比較少有機會從頭到尾、以原始碼編寫一個網頁,記得十幾年前剛開始製作免費資源網路社群時還沒有使用 WordPress 架站,最早的網頁就是直接用 HTML 文字編輯器寫出來,後來有了所見即所得編輯器,很多事情變得很方便,也少有機會去編寫原始碼。若你偶爾需要測試一些 HTML 內容,看看呈現出來的結果是否正確,可試試接下來的免費工具。

HTML Editor 線上所見即所得編輯器,將內容快速轉為 HTML 原始碼

HTML Editor 線上所見即所得編輯器,將內容快速轉為 HTML 原始碼
(Copyright: grinvalds / 123RF Stock Photo

記得以前剛開始接觸網頁製作時都是使用 Microsoft FrontPage 編輯器,也正因為有所見即得編輯器,才能讓原本複雜難懂的 HTML 原始碼變得更簡單易懂,它將原始碼轉換成可視化內容,只要直接輸入文字、圖片、超鏈結後修改樣式即可將網頁製作出來,當然這些頁面背後仍是有所謂的 HTML 程式碼存在,只在需要時才會切換原始碼模式。

Brackets:Adobe 推免費、開放原始碼網頁編輯器(Windows、Mac、Linux)

Brackets:Adobe 推免費、開放原始碼網頁編輯器(Windows、Mac、Linux)

Brackets 是一款免費、開放原始碼的純文字網頁編輯器,由 Adobe 以 HTML、CSS、Javascript 等程式語言開發,主要用於網頁設計,而這是一個跨平台的編輯器,支援 Mac、Windows 及 Linux 等作業系統。一般我們常見的網頁編輯器都有著相當複雜的操作介面,以及很多用得到甚至是用不到的功能,很多人會選擇純文字代碼編輯器來進行網頁開發,例如 Sublime Text,但一般的代碼編輯器並沒有針對網頁開發提供相對應的功能,以致於要預覽或修改時相當耗費時間。