摘要：是一個(gè)多窗格的在線編輯器。是一個(gè)擁有四個(gè)窗格的在線編輯器，他們分別用來編寫和并進(jìn)行實(shí)時(shí)預(yù)覽。不僅僅是一個(gè)免費(fèi)的在線編輯工具。它實(shí)際上是一個(gè)用來美化和精簡(jiǎn)代碼的在線工具?？偠灾?，這是一個(gè)非常基礎(chǔ)的編輯器。

onlinehtmleditor.net

onlinehtmleditor.net是非常簡(jiǎn)單和易用的HTML在線編輯器，適用的標(biāo)簽有H1，H2，H3，H4，P,IMG,List等，還可以在下方查看實(shí)時(shí)預(yù)覽。你可以手動(dòng)輸入這些標(biāo)簽，也可以通過點(diǎn)擊工具欄上的圖標(biāo)來使用它們。它甚至可以讓你通過具體的圖片路徑添加圖片。完成編輯之后，你可以復(fù)制你的HTML代碼并保存到本地磁盤，也可以在你的網(wǎng)站或博客中使用它。

html.am

html.am提供了一個(gè)成熟的免費(fèi)在線WYSIWYG HTML編輯器。它擁有幾乎所有的命令用來編輯你的文字，包括字體大小，顏色，尺寸，列表，超鏈 接及更多。 除了上面提到的標(biāo)簽，它還支持高級(jí)的HTML標(biāo)簽，包括表格，文本框， 復(fù)選框，單選按鈕，文本域，按鈕等。此外，還能插入圖片對(duì)象，F(xiàn)lash 對(duì)象，表格甚至是iFrame。你可以按要求鍵入和編輯文本內(nèi)容。編寫完成后你可以將編輯頁面的源代碼復(fù)制到您的網(wǎng)站上。您可以通過點(diǎn)擊主菜單上的源按鈕切換源代碼 ，還能通過點(diǎn)擊最大化按鈕把編輯器最大化。

jsfiddle.net

jsfiddle.net是一個(gè)多窗格的HTML在線編輯器。你可以在HTML窗格中鍵入HTML代碼，而CSS和Java Script腳本將會(huì)鍵入到各自的窗口中。每次更改之后你必須點(diǎn)擊運(yùn)行按鈕來查看最終的結(jié)果。你可以進(jìn)行在線保存 ，它為你提供了一個(gè)唯一的保存路徑。另外，它還支持在線協(xié)作。

codepen.io

codepen.io是一個(gè)具有先進(jìn)功能的HTML在線編輯器，可以在同樣的瀏覽窗口中多帶帶編輯HTML, CSS,和Java Script。你可以在編寫的同時(shí)進(jìn)行預(yù)覽，還能點(diǎn)擊“更改視圖”按鈕重新進(jìn)行分層并選中你需要的層，編寫完成之后，你可以將代碼導(dǎo)出并保存到一個(gè)壓縮文件中。這個(gè)編輯器擁有許多的快捷鍵方便您進(jìn)行使用。

cssdeck.com

cssdeck.com是一個(gè)擁有四個(gè)窗格的HTML在線編輯器，他們分別用來編寫HTML, CSS和Java Script并進(jìn)行實(shí)時(shí)預(yù)覽。你可以在每個(gè)窗口中多帶帶編寫代碼，但組合的輸出結(jié)果將會(huì)顯示在預(yù)覽窗口中。此外，編輯器還擁有許多的快捷鍵。

html-color-codes.info

html-color-codes.info提供了免費(fèi)的HTML在線編輯器。它可以讓你鍵入和編寫文本并生成格式化HTML代碼。無論是專業(yè)的HTML程序員還是只了解一些HTML知識(shí)的新手都能使用它。你可以應(yīng)用格式，縮進(jìn)，各種樣式 ，不同的字體以及字體大小到你的文本中。它還具有“粘貼為純文本” 和“粘貼”的選項(xiàng)，使格式設(shè)置更容易。它也有一個(gè)預(yù)覽按鈕來預(yù)覽您的網(wǎng)頁。完成編輯后，您可以點(diǎn)擊“編輯HTML源碼”按鈕（在工具欄上的最后一個(gè)按鈕）復(fù)制HTML代碼。

htmleditor.in

htmleditor.in是一個(gè)類似于MS Word的免費(fèi)WYSIWYG HTML和HTML5在線編輯器。只需要進(jìn)入文本，并應(yīng)用各種格式設(shè)置到你的文本中，如：粗體，斜體，下劃線，刪除線，上標(biāo)，下標(biāo)，編號(hào)，字體大小，字體，顏色等。它有一個(gè)拼寫檢查的設(shè)備，能進(jìn)行拼寫檢查。它還具有許多形式設(shè)計(jì)工具，你可以插入動(dòng)畫，圖片，表格，水平線，笑臉和其它的外部對(duì)象到你的頁面。

codebeautify.org

codebeautify.org不僅僅是一個(gè)免費(fèi)的HTML在線編輯工具。它實(shí)際上是一個(gè)用來美化和精簡(jiǎn)代碼的在線工具。您可以輸入一個(gè)現(xiàn)有網(wǎng)頁的網(wǎng)址，它將會(huì)顯示出完整的代碼。你可以編寫代碼并進(jìn)行實(shí)時(shí)查看。此外，你還可以頁面存儲(chǔ)大小以及字符數(shù)。最后，它能為你所修改的代碼提供一個(gè)唯一的路徑進(jìn)行保存。這個(gè)功能讓它成為團(tuán)隊(duì)合作項(xiàng)目的第一選擇，每個(gè)團(tuán)隊(duì)成員都能通過共享路徑看到修改后的代碼。

htmledit.squarefree.com

htmledit.squarefree.com是一個(gè)基本的HTML在線編輯器。在使用它之前你必須了解HTML的相關(guān)知識(shí)。你必須手動(dòng)將格式化標(biāo)記應(yīng)用于文本類型，能實(shí)時(shí)看到文本和格式的變化。總而言之，這是一個(gè)非常基礎(chǔ)的HTML編輯器。

4html.net

4html.net 提供免費(fèi)的HTML在線編輯功能。只需在給定區(qū)域鍵入文本并使用各種格式化標(biāo)簽。它擁有的格式例如：粗體，斜體風(fēng)格，強(qiáng)調(diào)，預(yù)格式化的地址，標(biāo)題，標(biāo)題1至6的格式等。它還有代碼高亮顯示，自動(dòng)縮進(jìn)等功能。除了簡(jiǎn)單的粘帖功能，它還具有“粘貼為純文本”和“從Word中粘貼”等功能。編輯結(jié)束后，你可以把HTML代碼復(fù)制到你的網(wǎng)站或博客中。

本文轉(zhuǎn)載自www.evget.com