
關於 AiEditor
About
AiEditor 是什麼
AiEditor 是為 AI 產品打造的富文本編輯器。它以 Web Component 形式運作,因此能放進 Vue、React、Angular、Svelte、Layui 或純 JavaScript 專案。接上模型之後,它同時是一個 AI 文件編輯器。做法很直接:文字旁邊沒有另一個聊天視窗,AI 動作就長在文件裡。選取一段文字、要求改寫,再決定要不要留下結果。
核心把瑣事處理掉了。標題、表格、程式碼區塊、公式、圖片、音訊、影片與附件都內建,還附上亮色與暗色主題、行動版版面與雙語介面。上傳走你自己的處理函式,檔案進的是你的儲存空間,不是別人的。
先講限制。開源富文本編輯器採用 LGPL-2.1 授權,遵守條款就能用在商業專案。分頁排版、即時協作與文件比對屬於付費的 Pro 套件。公文格式(紅色版頭、簽章、固定版式)要另外接官方版。只想要一個寫字空間的小團隊,少了這些不會有感覺。要做合約審閱或多人共編的團隊,就會。
開始使用
- 用
npm install aieditor安裝套件,並匯入樣式表。 - 在容器元素上建立實例,設定提示文字、主題與初始內容。
- 接上 AI:指向相容 OpenAI 的端點,或自行實作生成服務。
- 把上傳接到你的儲存空間,挑好工具列項目,就能上線。
產品資訊
快速了解 AiEditor 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 前端開發者,需要一個能接 AI 的編輯器:npm 套件直接放進現有應用,AI 層只是一份設定物件,不必重寫。
- 要推出 AI 寫作編輯器的產品團隊:選取選單、串流回覆、插入或取代動作都已經接好。
- 處理合約與報告的企業文件團隊:分頁、註解與修訂追蹤放在 Pro,長文件仍然好審。
任務
- 寫行銷文案或課程講義:從主題生成初稿,再就地改寫、縮短或調整語氣。
- 整理粗糙的草稿:AI 審閱會抓出重點、標出弱句,表格、程式碼與公式維持原樣。
- 在 CMS、OA 或 CRM 後台加一個可嵌入編輯器:工具列、主題與語言都能設定,編輯器會配合宿主產品。
情境
- 建內部知識庫:結構化區塊與穩定的區塊 ID,讓內容幾個月後還能存放、檢索與再編輯。
- 為不同市場做在地化:AI 可翻整份文件或目前選取範圍,自訂提示詞能補上預設選單沒有的語言。
- 準備一份多人會標註的報告:註解與修訂跟著 Tiptap JSON 一起存,再透過 Java SDK 輸出 DOCX。
主要功能
文件裡的 AI 動作
選取文字後,浮動選單提供續寫、擴寫、縮短、潤飾、翻譯與提問。回覆以串流呈現,你可以停止生成、重跑、複製、插入游標位置或取代選取範圍。自訂提示詞與額外選單項目,讓你只放出使用者真正會用的動作。
用自己的模型
AiEditor 不附模型。你接上相容 OpenAI 的端點,或自己實作生成服務,金鑰、稽核紀錄與路由都留在手上。對不能把客戶文字送給隨便一家廠商的團隊,這點很實際。
帶著文件脈絡對話
AI 面板能用整份文件、目前選取範圍,或完全不用脈絡。追問會延續同一個討論,寫的人可以針對某一段繼續追,不必重講需求。像一位坐在檔案裡的審稿者。
不受框架限制的嵌入
編輯器是 Web Component。Vue、React、Angular、Svelte、Layui 與純 JavaScript 專案都用同一種方式掛載,桌機與手機共用同一套內容模型。前端技術棧換了,整合不用重寫。
撐得住重複使用的結構化內容
標題、清單、表格、程式碼區塊、公式、提及與媒體都是真正的節點,不是一堆 HTML。文件模型由 Tiptap JSON 支撐,區塊 ID 保持穩定,貼上的 Markdown 也能乾淨轉換。內容經過匯出、檢索與後續編輯都還在。
可調整的編輯器外殼
經典、精簡與 Ribbon 三種工具列,加上暗色模式、唯讀模式、全螢幕與雙語介面,都包含在核心裡。選單、上傳處理與擴充功能都能設定,同一個套件可以長成極簡留言框,也可以是完整文件工作區。
優缺點
優點
- 核心以 LGPL-2.1 開源,可以讀程式碼,也能放進商業產品。
- AI 功能跑在自己的模型與提示詞上,資料處理與成本都可預期。
- 主要前端框架都能用,不必額外套一層包裝函式庫。
- 文件模型紮實:表格、程式碼、公式、媒體與穩定的區塊 ID。
缺點
- 沒接模型之前,AI 面板不會有反應,安裝設定比託管的寫作應用要多花時間。
- 分頁排版、即時協作與文件比對需要付費的 Pro 套件。
- 文件以中文為先,英文讀者查進階選項時會覺得頁面偏薄。
常見問題
是。核心編輯器以 LGPL-2.1 開源,遵守授權的個人與商業專案都能免費使用。Pro 與官方文件版是付費外掛。
相關內容
探索與 AiEditor 相關的工具、技能與文章。
AiEditor 替代方案

Udon
Udon · 程式設計 · 生產力Udon 把 Apple Silicon 的 Mac 變成 Mac 家庭伺服器,從瀏覽器就能管理容器與檔案共享,並可選擇啟用 AI 系統管理員。

offstage
offstage cloud · 程式設計 · 生產力offstage 給 AI 代理與 CI 工作一台真正的 Mac:Apple 晶片上的全新 macOS 27 帳號,用 API 操作,依秒計費。
BotBus
Chengdu Tuyang Tusen Technology Co., Ltd. · 程式設計 · 生產力BotBus 把電腦上執行的 AI 編碼代理帶到手機與手錶,讓你不在桌前也能核准指令、啟動任務、查看結果。
