可編輯HTML的工具：1、Notepad++，是一個(gè)基于Scintilla開源庫(kù)的自由文本編輯器；2、Visual Studio Code，是一個(gè)免費(fèi)的開源文本編輯器；3、Atom，是由GitHub創(chuàng)建的開源文本編輯器；4、Brackets，是一個(gè)開源文本編輯器；5、Komodo Edit，是一個(gè)多語(yǔ)言文本編輯器；6、Bluefish，是為程序員和Web開發(fā)人員構(gòu)建的編輯器。

前端（vue）入門到精通課程：進(jìn)入學(xué)習(xí)
API 文檔、設(shè)計(jì)、調(diào)試、自動(dòng)化測(cè)試一體化協(xié)作工具：點(diǎn)擊使用

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

可編輯HTML的工具（編輯器）

1. Notepad++

Notepad++是一個(gè)基于Scintilla開源庫(kù)的自由文本編輯器。Notepad ++背后的開發(fā)人員非常注重節(jié)能和最大限度地減少用戶的碳足跡，該平臺(tái)的構(gòu)建考慮到了這一點(diǎn)。作為一個(gè)開源工具，Notepad ++支持用戶制作的插件和教程。

Notepad ++是一個(gè)完全免費(fèi)的開源產(chǎn)品。

特征：

• 語(yǔ)法突出顯示和折疊

• PCRE 搜索/替換

• 可定制的界面

• 文檔結(jié)構(gòu)圖

• 自動(dòng)完成

• 多語(yǔ)言環(huán)境支持

• 宏錄制和回放

2. Visual Studio Code

Visual Studio Code 是一個(gè)免費(fèi)的開源文本編輯器，其中包含一個(gè)擴(kuò)展庫(kù)，用于自定義你的體驗(yàn)。它包含對(duì)JavaScript，TypeScript和Node.js的內(nèi)置支持。該平臺(tái)的各種擴(kuò)展設(shè)計(jì)為在單獨(dú)的進(jìn)程中運(yùn)行，以防止減慢編輯器的速度。

特征：

• 語(yǔ)法突出顯示

• 自動(dòng)完成

• 調(diào)試

• 擴(kuò)展庫(kù)

3. Atom

Atom是由GitHub創(chuàng)建的開源文本編輯器。它具有各種工具和主題來自定義你的體驗(yàn)。Atom還可以直接與Git和GitHub集成。它是專門為Windows用戶設(shè)計(jì)的。

特征：

• 跨平臺(tái)編輯

• 內(nèi)置包管理器

• 自動(dòng)完成

• 文件系統(tǒng)瀏覽器

• 多個(gè)窗格

• 查找和替換

• 定制

4. Brackets

Brackets是一個(gè)開源文本編輯器，使設(shè)計(jì)人員和前端開發(fā)人員能夠在其瀏覽器中工作。編輯器中包含可視化工具，可在需要時(shí)提供額外的幫助。Brackets專注于WEB開發(fā)語(yǔ)言，如HTML，CSS和Javascript，它是建立在Javascript框架之上的。

特征：

• 在線編輯器

• 實(shí)時(shí)預(yù)覽

• 預(yù)處理器支持

5. Komodo Edit

Komodo Edit是一個(gè)多語(yǔ)言文本編輯器，提供基本編程所需的一切，例如自動(dòng)完成和更改跟蹤。它是由總部位于溫哥華的ActiveState創(chuàng)建的，ActiveState還提供了許多其他以開發(fā)人員為中心的平臺(tái)。其中一些工具，例如功能更豐富的Komodo IDE，根據(jù)用戶的需求在各種軟件包中提供。

特征：

• 多語(yǔ)言編輯器

• 自動(dòng)完成

• 多選

• 工具箱

• 項(xiàng)目和地點(diǎn)經(jīng)理

• 外觀和圖標(biāo)集

• 修訂

• 帶HTML的免費(fèi)網(wǎng)頁(yè)設(shè)計(jì)軟件

6. H5P

H5P是一種工具，用于使用HTML5（該語(yǔ)言的最新版本）創(chuàng)建，共享和重用交互式內(nèi)容。用戶可以創(chuàng)建響應(yīng)式和適合移動(dòng)設(shè)備的內(nèi)容，包括演示文稿、視頻、游戲等。它通過插件和模塊支持Drupal，WordPress和Moodle的框架。

特征：

• 豐富的交互式 HTML5 內(nèi)容

• 創(chuàng)建游戲、視頻、演示文稿和其他媒體

• Drupal，WordPress和Moodle的插件

• 在線用戶社區(qū)

7. Google Web Designer

Google 網(wǎng)頁(yè)設(shè)計(jì)器提供的功能可幫助創(chuàng)建交互式、基于 HTML5 的設(shè)計(jì)和動(dòng)態(tài)圖形，這些設(shè)計(jì)和動(dòng)態(tài)圖形在任何設(shè)備上都兼容。它提供了與其他主要Google應(yīng)用程序（如Google Drive和Google Ads）的無縫集成。除了HTML之外，完整的設(shè)計(jì)套件還允許在CSS和Javascript中進(jìn)行編輯。

特征：

• 事件

• 動(dòng)態(tài)工作流程

• 內(nèi)容創(chuàng)建工具

• 多種動(dòng)畫模式

• 谷歌集成

8. CoffeeCup

CoffeeCup于1996年首次發(fā)布了其HTML編輯軟件。免費(fèi)的應(yīng)用程序允許用戶從頭開始創(chuàng)建HTML或CSS文件，或者基于包含的主題和布局進(jìn)行構(gòu)建。它包括一個(gè)組件庫(kù)和全面的工作流，可幫助為各種目的創(chuàng)建有組織、有效的網(wǎng)站。

特征：

• 主題和布局

• 可自定義的工具欄

• 建議的元素、屬性和選擇器

• 純文本到 HTML 標(biāo)記支持

• 表單項(xiàng)

9. Bluefish

Bluefish是為程序員和Web開發(fā)人員構(gòu)建的編輯器，用于編寫網(wǎng)站，腳本和編程代碼。它是一個(gè)與Windows，MacOS，Linux和其他操作系統(tǒng)兼容的開源應(yīng)用程序。它支持許多編程和標(biāo)記語(yǔ)言，包括HTML，XML，CSS，Javascript，Python和PHP。

特征：

• 快速輕便

• 輕松打開 500 多個(gè)文檔

• 項(xiàng)目支持

• 對(duì)遠(yuǎn)程文件的多線程支持

• 搜索和替換

• 代碼段側(cè)邊欄

• 字符映射表

10. Microsoft Expression Web

Microsoft Expression Web目前是第四個(gè)版本。它包括用于以HTML，CSS，Javascript和其他編碼語(yǔ)言生成和維護(hù)高質(zhì)量，基于標(biāo)準(zhǔn)的網(wǎng)站的功能。它有英語(yǔ)、西班牙語(yǔ)、法語(yǔ)、韓語(yǔ)等版本可供下載。

特征：

• 對(duì) Web 標(biāo)準(zhǔn)的內(nèi)置支持

• CSS 設(shè)計(jì)功能

• 可視化診斷工具

• 免費(fèi)的所見即所得軟件與HTML

11. TinyMCE

TinyMCE是一種富文本編輯解決方案，部分用于創(chuàng)建Atlassian，Medium和Evernote等產(chǎn)品。它可以在三種不同的模式下使用：經(jīng)典，內(nèi)聯(lián)和無干擾。用戶還可以訪問Tiny Drive，這是供應(yīng)商用于圖像上傳和資產(chǎn)管理的云平臺(tái)。

特征：

• 500 MB 硬盤存儲(chǔ)空間

• 5 GB 驅(qū)動(dòng)器帶寬

• 插件

• 社區(qū)支持

• 拼寫檢查

• 圖片上傳

• 輔助功能檢查

• 增強(qiáng)的媒體嵌入

12. CKEditor4

CKEditor是一個(gè)完全可定制的所見即所得編輯器，專注于HTML內(nèi)容。它是一個(gè)開源平臺(tái)，具有70種語(yǔ)言版本，400個(gè)插件和240多個(gè)配置選項(xiàng)。CKEditor 4和CKEditor 5在該類別中都獲得了很高的評(píng)價(jià)，CKEditor 4更側(cè)重于個(gè)人配置選項(xiàng)，而CKEditor 5更適合跨團(tuán)隊(duì)的實(shí)時(shí)協(xié)作。

特征：

• 五個(gè)活躍用戶

• 兩個(gè)開發(fā)人員

• 商業(yè)許可證

• 一個(gè)內(nèi)部應(yīng)用程序，一個(gè) OEM 或一個(gè) SaaS

• 從 Word 和 Excel 粘貼

• 媒體嵌入

• 自動(dòng)完成

13. Summernote

Summernote是一個(gè)“超級(jí)簡(jiǎn)單的所見即所得編輯器”，建立在CSS框架Bootstrap上。這個(gè)開源平臺(tái)通過模塊和插件的預(yù)構(gòu)建代碼提供廣泛的定制?？勺远x的功能包括工具欄、對(duì)話框和字體名稱。

特征：

• 支持引導(dǎo)

• 輕

• 智能用戶交互

• 適用于所有主流瀏覽器

• 與Django，Rails和Angular集成

14. openElement

openElement專為Windows用戶設(shè)計(jì)，是一個(gè)與HTML5和CSS3兼容的免費(fèi)Web制作工具。它允許直觀地創(chuàng)建響應(yīng)式多語(yǔ)言網(wǎng)站。用戶可以訪問在線論壇，其中其他用戶討論與軟件相關(guān)的主題，以及包含配置幫助和元素詳細(xì)信息等廣泛信息的wiki。

特征：

• 圖形化拖放界面

• 頁(yè)面圖層

• 在線用戶社區(qū)

• 可重復(fù)使用的樣式和元素包

• 搜索引擎優(yōu)化

• 圖像和代碼優(yōu)化

• 輕松集成腳本

15. Simditor

Simditor是一個(gè)裸露的WYSIWYG編輯器。默認(rèn)情況下，此開源平臺(tái)僅集成關(guān)鍵功能，并支持某些附加功能的擴(kuò)展。開發(fā)團(tuán)隊(duì)歡迎用戶社區(qū)提交新擴(kuò)展。

特征：

• 支持Internet Explorer，Chrome，F(xiàn)irefox和Safari

• 用戶提交的各種擴(kuò)展程序

（學(xué)習(xí)視頻分享：web前端）