您现在的位置：程式碼之家 >> 編程語言 > >> Java 程式設計 >> Java 相關知識

Eclipse RCP 整合富文本編輯器：EKIT 與 Web-based 方案實戰對比

編輯：Java 相關知識

在 Eclipse RCP 應用開發中，富文本編輯是常見且棘手的需求。SWT/JFace 原生 Text 控件功能極其有限，無法滿足公文正文等複雜排版場景。本文分享兩種經實戰驗證的整合方案。

方案一：EKIT + SWT_AWT 橋接器

實作架構

SWT Composite → SWT_AWT Bridge → AWT Frame → EKIT Editor

將 EKIT 封裝為可複用的 SWT 控件，透過 SWT_AWT.new_Frame() 實現 SWT 與 AWT 組件共存。

優勢

純 Java 實現，無瀏覽器依賴，離線環境可用
功能完整：字體、段落、表格、圖片、列表等排版功能齊全
開源免費，原始碼可控，便於二次開發

痛點與對策

問題	影響	解決方案
不支援 OLE 拖放貼上	Word/Excel 內容貼上會遺失格式	自行實現 `TransferHandler`，解析 RTF/HTML 片段
AWT/SWT 事件循環衝突	偶發焦點丟失、鍵盤快捷鍵失效	統一使用 `Display.asyncExec()` 處理跨線程 UI 操作
列印/匯出 PDF 支援弱	需額外引入 iText 或 Apache PDFBox	整合 Flying Saucer (xhtmlrenderer) 實現 CSS 2.1 列印排版

方案二：Web-based 編輯器 + Browser 控件

技術棧選擇

編輯器核心：CKEditor 4/5、TinyMCE 5/6、Quill.js
SWT 容器：org.eclipse.swt.browser.Browser（WebKit/Edge/WebView2 後端）
通訊機制：Browser.evaluate() + JavascriptFunction 雙向呼叫

核心整合代碼片段

// SWT 端
Browser browser = new Browser(parent, SWT.NONE);
browser.setUrl("platform:/plugin/com.example.editor/editor.html");

// 註冊 Java → JS 呼叫
browser.setJavascriptEnabled(true);

// 註冊 JS → Java 回調
browser.addFunction("saveContent", new Function() {
    @Override
    public Object execute(Function func, Object[] args) {
        String html = (String) args[0];
        // 持久化至資料庫或檔案
        documentService.saveContent(html);
        return null;
    }
});

// editor.html 關鍵 JS
const editor = ClassicEditor.create(document.querySelector('#editor'))
    .then(editor => {
        window.editorInstance = editor;
    });

function getContent() {
    return window.editorInstance.getData();
}

// 定時或按需推送給 Java
setInterval(() => {
    if (window.saveContent) window.saveContent(getContent());
}, 30000);