隨着時代發展，Web上承載的應用日趨復雜多樣。這導致傳統的基於 HTML DOM 的應用在組織超大型軟件方面日漸捉襟見肘。這是一個系列博客，最終目的是要做一個基於 HTML Canvas 的、類似於微軟 Office 的 Web Office 套件（包括：文檔、表格、幻燈片……等等）。
知乎專欄：《從零開始, 開發一個 Web Office 套件》
富文本編輯器 Github repo 地址：https://github.com/zhaokang555/canvas-text-editor
富文本編輯器 在線 Demo：https://zhaokang555.github.io/canvas-text-editor/
從零開始，開發一個 Web Office 套件（1）：富文本編輯器
從零開始，開發一個 Web Office 套件（2）：富文本編輯器
從零開始，開發一個 Web Office 套件（3）：鼠標事件
從零開始，開發一個 Web Office 套件（4）：新的問題—— z-index
從零開始，開發一個 Web Office 套件（5）：Mouse hover over text
從零開始，開發一個 Web Office 套件（6）：光標 & Click 事件
從零開始，開發一個 Web Office 套件（7）：新的問題—— Click 事件的 z-index
從零開始，開發一個 Web Office 套件（8）：狀態管理 & 拖動鼠標選中文字
從零開始，開發一個 Web Office 套件（9）：拖動鼠標選中文字 Edge Case
從零開始，開發一個 Web Office 套件（10）：捕獲鍵盤事件，輸入文字
從零開始，開發一個 Web Office 套件（11）：支持中文輸入法（or 其它使用輸入法的語言）
從零開始，開發一個 Web Office 套件（12）：刪除文字 & 回車換行
從零開始，開發一個 Web Office 套件（13）：刪除、替換已選中文字
從零開始，開發一個 Web Office 套件（14）：復制、粘貼、剪切、全選
從零開始，開發一個 Web Office 套件（15）：拖動邊框，平移編輯器
從零開始，開發一個 Web Office 套件（16）：拖動控制點，調整編輯器大小