站長資訊網
可編輯HTML的工具：1、Notepad++，是一個基于Scintilla開源庫的自由文本編輯器；2、Visual Studio Code，是一個免費的開源文本編輯器；3、Atom，是由GitHub創建的開源文本編輯器；4、Brackets，是一個開源文本編輯器；5、Komodo Edit，是一個多語言文本編輯器；6、Bluefish，是為程序員和Web開發人員構建的編輯器。
前端（vue）入門到精通課程：進入學習
API 文檔、設計、調試、自動化測試一體化協作工具：點擊使用
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
可編輯HTML的工具（編輯器）
1. Notepad++
Notepad++是一個基于Scintilla開源庫的自由文本編輯器。Notepad ++背后的開發人員非常注重節能和最大限度地減少用戶的碳足跡，該平臺的構建考慮到了這一點。作為一個開源工具，Notepad ++支持用戶制作的插件和教程。
Notepad ++是一個完全免費的開源產品。
特征：
-
語法突出顯示和折疊
-
PCRE 搜索/替換
-
可定制的界面
-
文檔結構圖
-
自動完成
-
多語言環境支持
-
宏錄制和回放
2. Visual Studio Code
Visual Studio Code 是一個免費的開源文本編輯器，其中包含一個擴展庫，用于自定義你的體驗。它包含對JavaScript，TypeScript和Node.js的內置支持。該平臺的各種擴展設計為在單獨的進程中運行，以防止減慢編輯器的速度。
特征：
-
語法突出顯示
-
自動完成
-
調試
-
擴展庫
3. Atom
Atom是由GitHub創建的開源文本編輯器。它具有各種工具和主題來自定義你的體驗。Atom還可以直接與Git和GitHub集成。它是專門為Windows用戶設計的。
特征：
-
跨平臺編輯
-
內置包管理器
-
自動完成
-
文件系統瀏覽器
-
多個窗格
-
查找和替換
-
定制
4. Brackets
Brackets是一個開源文本編輯器，使設計人員和前端開發人員能夠在其瀏覽器中工作。編輯器中包含可視化工具，可在需要時提供額外的幫助。Brackets專注于WEB開發語言，如HTML，CSS和Javascript，它是建立在Javascript框架之上的。
特征：
-
在線編輯器
-
實時預覽
-
預處理器支持
5. Komodo Edit
Komodo Edit是一個多語言文本編輯器，提供基本編程所需的一切，例如自動完成和更改跟蹤。它是由總部位于溫哥華的ActiveState創建的，ActiveState還提供了許多其他以開發人員為中心的平臺。其中一些工具，例如功能更豐富的Komodo IDE，根據用戶的需求在各種軟件包中提供。
特征：
-
多語言編輯器
-
自動完成
-
多選
-
工具箱
-
項目和地點經理
-
外觀和圖標集
-
修訂
-
帶HTML的免費網頁設計軟件
6. H5P
H5P是一種工具，用于使用HTML5（該語言的最新版本）創建，共享和重用交互式內容。用戶可以創建響應式和適合移動設備的內容，包括演示文稿、視頻、游戲等。它通過插件和模塊支持Drupal，WordPress和Moodle的框架。
特征：
-
豐富的交互式 HTML5 內容
-
創建游戲、視頻、演示文稿和其他媒體
-
Drupal，WordPress和Moodle的插件
-
在線用戶社區
7. Google Web Designer
Google 網頁設計器提供的功能可幫助創建交互式、基于 HTML5 的設計和動態圖形，這些設計和動態圖形在任何設備上都兼容。它提供了與其他主要Google應用程序（如Google Drive和Google Ads）的無縫集成。除了HTML之外，完整的設計套件還允許在CSS和Javascript中進行編輯。
特征：
-
事件
-
動態工作流程
-
內容創建工具
-
多種動畫模式
-
谷歌集成
8. CoffeeCup
CoffeeCup于1996年首次發布了其HTML編輯軟件。免費的應用程序允許用戶從頭開始創建HTML或CSS文件，或者基于包含的主題和布局進行構建。它包括一個組件庫和全面的工作流，可幫助為各種目的創建有組織、有效的網站。
特征：
-
主題和布局
-
可自定義的工具欄
-
建議的元素、屬性和選擇器
-
純文本到 HTML 標記支持
-
表單項
9. Bluefish
Bluefish是為程序員和Web開發人員構建的編輯器，用于編寫網站，腳本和編程代碼。它是一個與Windows，MacOS，Linux和其他操作系統兼容的開源應用程序。它支持許多編程和標記語言，包括HTML，XML，CSS，Javascript，Python和PHP。
特征：
-
快速輕便
-
輕松打開 500 多個文檔
-
項目支持
-
對遠程文件的多線程支持
-
搜索和替換
-
代碼段側邊欄
-
字符映射表
10. Microsoft Expression Web
Microsoft Expression Web目前是第四個版本。它包括用于以HTML，CSS，Javascript和其他編碼語言生成和維護高質量，基于標準的網站的功能。它有英語、西班牙語、法語、韓語等版本可供下載。
特征：
-
對 Web 標準的內置支持
-
CSS 設計功能
-
可視化診斷工具
-
免費的所見即所得軟件與HTML
11. TinyMCE
TinyMCE是一種富文本編輯解決方案，部分用于創建Atlassian，Medium和Evernote等產品。它可以在三種不同的模式下使用：經典，內聯和無干擾。用戶還可以訪問Tiny Drive，這是供應商用于圖像上傳和資產管理的云平臺。
特征：
-
500 MB 硬盤存儲空間
-
5 GB 驅動器帶寬
-
插件
-
社區支持
-
拼寫檢查
-
圖片上傳
-
輔助功能檢查
-
增強的媒體嵌入
12. CKEditor4
CKEditor是一個完全可定制的所見即所得編輯器，專注于HTML內容。它是一個開源平臺，具有70種語言版本，400個插件和240多個配置選項。CKEditor 4和CKEditor 5在該類別中都獲得了很高的評價，CKEditor 4更側重于個人配置選項，而CKEditor 5更適合跨團隊的實時協作。
特征：
-
五個活躍用戶
-
兩個開發人員
-
商業許可證
-
一個內部應用程序，一個 OEM 或一個 SaaS
-
從 Word 和 Excel 粘貼
-
媒體嵌入
-
自動完成
13. Summernote
Summernote是一個“超級簡單的所見即所得編輯器”，建立在CSS框架Bootstrap上。這個開源平臺通過模塊和插件的預構建代碼提供廣泛的定制。可自定義的功能包括工具欄、對話框和字體名稱。
特征：
-
支持引導
-
輕
-
智能用戶交互
-
適用于所有主流瀏覽器
-
與Django，Rails和Angular集成
14. openElement
openElement專為Windows用戶設計，是一個與HTML5和CSS3兼容的免費Web制作工具。它允許直觀地創建響應式多語言網站。用戶可以訪問在線論壇，其中其他用戶討論與軟件相關的主題，以及包含配置幫助和元素詳細信息等廣泛信息的wiki。
特征：
-
圖形化拖放界面
-
頁面圖層
-
在線用戶社區
-
可重復使用的樣式和元素包
-
搜索引擎優化
-
圖像和代碼優化
-
輕松集成腳本
15. Simditor
Simditor是一個裸露的WYSIWYG編輯器。默認情況下，此開源平臺僅集成關鍵功能，并支持某些附加功能的擴展。開發團隊歡迎用戶社區提交新擴展。
特征：
-
支持Internet Explorer，Chrome，Firefox和Safari
-
用戶提交的各種擴展程序
（學習視頻分享：web前端）
