10個免費的HTML在線編輯工具

onlinehtmleditor.net

onlinehtmleditor.net是很是簡單和易用的HTML在線編輯器，適用的標籤有H1，H2，H3，H4，P,IMG,List等，還能夠在下方查看實時預覽。你能夠手動輸入這些標籤，也能夠經過點擊工具欄上的圖標來使用它們。它甚至可讓你經過具體的圖片路徑添加圖片。完成編輯以後，你能夠複製你的HTML代碼並保存到本地磁盤，也能夠在你的網站或博客中使用它。

html.am

html.am提供了一個成熟的免費在線WYSIWYG HTML編輯器。它擁有幾乎全部的命令用來編輯你的文字，包括字體大小，顏色，尺寸，列表，超鏈 接及更多。 除了上面提到的標籤，它還支持高級的HTML標籤，包括表格，文本框， 複選框，單選按鈕，文本域，按鈕等。此外，還能插入圖片對象，Flash 對象，表格甚至是iFrame。你能夠按要求鍵入和編輯文本內容。編寫完成後你能夠將編輯頁面的源代碼複製到您的網站上。您能夠經過點擊主菜單上的源按鈕切換源代碼 ，還能經過點擊最大化按鈕把編輯器最大化。

jsfiddle.net

jsfiddle.net是一個多窗格的HTML在線編輯器。你能夠在HTML窗格中鍵入HTML代碼，而CSS和Java Script腳本將會鍵入到各自的窗口中。每次更改以後你必須點擊運行按鈕來查看最終的結果。你能夠進行在線保存 ，它爲你提供了一個惟一的保存路徑。另外，它還支持在線協做。

codepen.io

codepen.io是一個具備先進功能的HTML在線編輯器，能夠在一樣的瀏覽窗口中單獨編輯HTML, CSS,和Java Script。你能夠在編寫的同時進行預覽，還能點擊「更改視圖」按鈕從新進行分層並選中你須要的層，編寫完成以後，你能夠將代碼導出並保存到一個壓縮文件中。這個編輯器擁有許多的快捷鍵方便您進行使用。

cssdeck.com

cssdeck.com是一個擁有四個窗格的HTML在線編輯器，他們分別用來編寫HTML, CSS和Java Script並進行實時預覽。你能夠在每一個窗口中單獨編寫代碼，但組合的輸出結果將會顯示在預覽窗口中。此外，編輯器還擁有許多的快捷鍵。

html-color-codes.info

html-color-codes.info提供了免費的HTML在線編輯器。它可讓你鍵入和編寫文本並生成格式化HTML代碼。不管是專業的HTML程序員仍是隻瞭解一些HTML知識的新手都能使用它。你能夠應用格式，縮進，各類樣式 ，不一樣的字體以及字體大小到你的文本中。它還具備「粘貼爲純文本」 和「粘貼」的選項，使格式設置更容易。它也有一個預覽按鈕來預覽您的網頁。完成編輯後，您能夠點擊「編輯HTML源碼」按鈕（在工具欄上的最後一個按鈕）複製HTML代碼。

htmleditor.in

htmleditor.in是一個相似於MS Word的免費WYSIWYG HTML和HTML5在線編輯器。只須要進入文本，並應用各類格式設置到你的文本中，如：粗體，斜體，下劃線，刪除線，上標，下標，編號，字體大小，字體，顏色等。它有一個拼寫檢查的設備，能進行拼寫檢查。它還具備許多形式設計工具，你能夠插入動畫，圖片，表格，水平線，笑臉和其它的外部對象到你的頁面。

codebeautify.org

codebeautify.org不單單是一個免費的HTML在線編輯工具。它其實是一個用來美化和精簡代碼的在線工具。您能夠輸入一個現有網頁的網址，它將會顯示出完整的代碼。你能夠編寫代碼並進行實時查看。此外，你還能夠頁面存儲大小以及字符數。最後，它能爲你所修改的代碼提供一個惟一的路徑進行保存。這個功能讓它成爲團隊合做項目的第一選擇，每一個團隊成員都能經過共享路徑看到修改後的代碼。

htmledit.squarefree.com

htmledit.squarefree.com是一個基本的HTML在線編輯器。在使用它以前你必須瞭解HTML的相關知識。你必須手動將格式化標記應用於文本類型，能實時看到文本和格式的變化。總而言之，這是一個很是基礎的HTML編輯器。

4html.net

4html.net 提供免費的HTML在線編輯功能。只需在給定區域鍵入文本並使用各類格式化標籤。它擁有的格式例如：粗體，斜體風格，強調，預格式化的地址，標題，標題1至6的格式等。它還有代碼高亮顯示，自動縮進等功能。除了簡單的粘帖功能，它還具備「粘貼爲純文本」和「從Word中粘貼」等功能。編輯結束後，你能夠把HTML代碼複製到你的網站或博客中。

本文轉載自www.evget.com