AiEditor
AiEditor Team · コーディング · 生産性向上
AiEditor は Web 製品向けのオープンソース AIリッチテキストエディタだ。執筆、書き換え、翻訳、対話を文書内で完結させ、npm コマンド一発で導入できる。
AiEditor について
About
AiEditorとは
AiEditor は AI 製品向けのリッチテキストエディタだ。Web Component として動くので、Vue、React、Angular、Svelte、Layui、素の JavaScript のどのプロジェクトにも入る。モデルをつなげば AIドキュメントエディタとしても使える。仕組みは単純で、テキストの横にチャット欄を置くのではない。AI の操作が文書の中にある。段落を選び、書き換えを頼み、結果を残すかどうかは自分で決める。
中核部分は面倒な仕事を引き受ける。見出し、表、コードブロック、数式、画像、音声、動画、添付ファイルが最初から入っている。ライトとダークのテーマ、モバイル向けレイアウト、2 言語の UI も付く。アップロードは自前のハンドラを通すので、ファイルは自分のストレージに残る。
先に制約を書く。オープンソースのリッチテキストエディタは LGPL-2.1 で公開されており、条件を守れば商用利用も可能だ。ページ分割、リアルタイム共同編集、文書比較は有料の Pro パッケージに入る。赤い版頭や印章、固定レイアウトを伴う公文書形式は公式版が必要になる。文章を書く場所だけ欲しい小さなチームなら、どちらも要らない。契約書のレビューや共編を組むチームなら必要だ。
はじめかた
npm install aieditorでパッケージを入れ、スタイルシートを読み込む。- コンテナ要素にインスタンスを作り、プレースホルダー、テーマ、初期内容を設定する。
- AI をつなぐ。OpenAI 互換のエンドポイントを指定するか、生成サービスを自分で実装する。
- アップロード先を自社ストレージに向け、ツールバーの項目を選んで公開する。
AIツール情報
AiEditorの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- AI の接続点が欲しいフロントエンド開発者：npm パッケージを既存アプリに入れ、AI 層は設定オブジェクトとして扱える。作り直しは不要だ。
- AIライティングエディタを出すプロダクトチーム：選択メニュー、ストリーミング応答、挿入と置換の動作が最初から配線されている。
- 契約書や報告書を扱う企業の文書チーム：ページ分割、コメント、変更履歴は Pro に入り、長い文書でも確認しやすい。
タスク
- マーケティング文案や講座テキストを書く：テーマから下書きを生成し、その場で書き換え、短縮、口調の調整まで済ませる。
- 荒い下書きを整える：AI レビューが要点をまとめ、弱い文を指摘する。表、コード、数式はそのまま残る。
- CMS、社内ツール、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 もきれいに変換される。内容は書き出し、検索、後からの編集に耐える。
設定できるエディタの外側
クラシック、コンパクト、リボンの 3 種類のツールバーに、ダークモード、読み取り専用、全画面、2 言語の UI が中核に含まれる。メニュー、アップローダー、拡張は設定できるので、同じパッケージが最小のコメント欄にも、本格的な文書作業スペースにもなる。
メリットとデメリット
メリット
- 中核が LGPL-2.1 のオープンソースで、コードを読み、商用製品にも入れられる。
- AI 機能は自前のモデルとプロンプトで動くため、データの扱いとコストを読みやすい。
- 主要なフロントエンドフレームワークで、ラッパーライブラリなしに動く。
- 文書モデルがしっかりしている。表、コード、数式、メディア、安定したブロック ID が揃う。
デメリット
- モデルをつなぐまで AI パネルは黙ったままで、導入はホスティング型の執筆アプリより手間がかかる。
- ページ分割、リアルタイム共同編集、文書比較は有料の Pro パッケージが要る。
- ドキュメントは中国語が先に整っており、英語で読むと応用設定のページが薄い。
よくある質問
使える。中核のエディタは LGPL-2.1 のオープンソースで、ライセンスを守れば個人用途でも商用でも無料だ。Pro と公式文書版は有料の追加パッケージになる。
関連コンテンツ
AiEditorに関連するツール、スキル、記事を探す。
AiEditorの代替ツール
Base Code
Base44 (Wix) · コーディング · 生産性向上Base CodeはBase44の共有クラウド開発環境だ。既存のGitHubリポジトリに対する変更をチャットで伝え、プレビューで確認し、プルリクエストとして返せる。
Google EmbeddingGemma 2
Google DeepMind · ライティング · 画像 · コーディングGoogle EmbeddingGemma 2 は 7 億 4000 万パラメータのオープンなモデルで、テキスト、コード、画像、音声、動画フレームを同じ 768 次元空間のベクトルに変え、スマートフォンやノート PC 上で動く。
GitGlow
GitGlow · コーディング · 生産性向上GitGlow は自分のコードと AI エージェントの変更を一つのレビューにまとめるデスクトップ Git クライアントだ。出荷前に、マシンから何が出ていくのかを確かめられる。