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

我後來還是很習慣通過所見即所得（What You See Is What You Get，縮寫WYSIWYG）編輯器寫文章，WordPress内置文章編輯功能就是此形式，有時候遇到要編輯網頁也會使用這個工具來産生HTML代碼，畢竟以看得到的方式編輯比較容易得到自己需要的東西，大概就是這麼一回事。

現在網頁編輯器已沒有像十幾年前那麼盛行了，可能很多人的電腦裡早已沒有類似的應用程序，如果你還是需要這功能，HTML Editor或許可以應急，這是一款在線免費HTML可視化編輯器，直接打開浏覽器就能使用，它就像一般的網頁編輯器，使用者可以直接在編輯器裡建立圖文内容，HTML Editor會在另一畫面顯示HTML原始碼，編輯時就能直接取得對應的原始碼以便使用于博客文章或網頁制作。

這功能看起來雖然好像微不足道，事實上當你需要時就會非常方便，HTML Editor不限于Windows或Mac使用，而且更重要的是不用額外下載安裝軟件；對于不熟悉HTML編寫的使用者來說，它也能快速制作出帶有樣式的原始碼，尤其是拿來撰寫網頁表格，直接使用可視化編輯器會更簡單。

站點名稱：HTML Editor

網站連接：https://htmleditor.io/

使用教學

STEP 1

開啟HTML Editor網站後，畫面被切割成左右兩個部分，左邊為所見即所得編輯器，右邊是顯示原始碼的字段，一開始已經有示例内容，可以看到編輯器裡樣式文字已經被轉為我們熟悉的HTML程序碼并顯示于網站右側。

STEP 2

使用方法很簡單，我就不通盤介紹所有編輯器的功能，大緻上比較會用到的例如格式，可以調整H1、H2、H3等不同層級的标題，亦能加入粗體、斜體、項目符号、縮排或設定對齊方向等等，其它例如插入超連接、圖片或視頻也都能從編輯器上方的功能按鈕來做到。

我認為HTML Editor最方便的是可以拿來做網頁表格，從「Table」以鼠标光标快速設定要多少字段，即可在編輯器裡插入表格，同時設定每個字段要顯示那些内容。如果要直接以代碼來撰寫表格可能稍嫌複雜，以所見即所得編輯器會簡單許多。

STEP 3

當你一邊在使用編輯器時，右側就會同步顯示對應的HTML代碼，跟早期網頁編輯器功能差不多，最後直接複制代碼，就能将它複制、使用到其它地方，可以說非常好用！也不用再因為需要産生原始碼而去找網頁編輯器，從浏覽器開啟HTML Editor即可。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!