VC++ 打造語法編輯器：基於 Rich Edit 控制項的語法高亮實作

語法編輯器核心概念

語法編輯器能針對程式語言的關鍵字、註解、字串、數字等進行語法高亮，大幅提升程式碼可讀性。Visual Basic、VC++、Delphi 等 IDE 皆內建此功能。本文探討如何使用 VC++ 從零打造一個語法編輯器。

設計思路：為何選擇 Rich Edit 控制項

Windows 提供強大的 Rich Edit 控制項（riched20.dll），寫字板即基於此開發。MFC 封裝為 CRichEditCtrl 與 CRichEditView。雖然 CRichEditView::SetCharFormat 可設定字元格式，但實測效率極差，特別是處理 C++ 多行註解時表現不佳。

核心突破：自繪機制實驗

作者發現一個關鍵現象：建立單一文件專案，將視圖基類改為 CRichEditView，覆寫 OnPaint 但不撰寫任何程式碼，執行後貼上文字雖無顯示，但拖曳滑鼠可見選取區域，且 GetLine 仍能取得文字內容。這啟發了自繪方案：

1. 取得 Rich Edit 內部文字內容
2. 分析文字，識別語法元素（關鍵字、註解、字串等）
3. 在相同位置以特定顏色繪製文字
4. 實現語法高亮，同時保留 Rich Edit 強大的編輯功能

關鍵技術挑戰與解決方案

1. 精確計算首行顯示位置

Rich Edit 採像素級捲動，首行可能只顯示一半。必須精確計算第一行的 top 座標，確保繪製位置與編輯器內部一致。

2. Tab 字元寬度動態計算

Tab 寬度非固定，依字元位置動態調整（如寫字板行為）。繪製時必須模擬相同的 Tab 展開邏輯，否則會造成文字錯位。

實作架構概覽

class CSyntaxEditorView : public CRichEditView {
    // 核心方法
    void OnPaint() override;           // 自訂繪製入口
    void DrawSyntaxHighlightedText();  // 語法分析與繪製
    void CalculateVisibleLines();      // 計算可視行範圍
    int  GetTabWidth(int col);         // 動態 Tab 寬度計算
    
    // 語法分析輔助
    bool IsKeyword(LPCTSTR text, int len);
    bool IsComment(LPCTSTR text, int len);
    bool IsString(LPCTSTR text, int len);
};

優化建議

• 僅重繪可視區域，配合 GetFirstVisibleLine 與 GetLineCount
• 建立語法規則資料表（關鍵字集合、註解模式、字串定界符）
• 支援多種程式語言：載入對應的語法定義檔
• 加入行號顯示、摺疊、括號配對等進階功能

完整原始碼可參考文末提供的下載連結。此架構兼具編輯效能與高亮靈活性，是開發專屬 IDE 編輯器的堅實基礎。