ホームJavaScriptTencent/cherry-markdown
// archived 2026-04-27
Tencent

cherry-markdown

Frontend#Markdown#JavaScript#Editor#UI
GitHub で見る →
4,659

// 概要

Cherry Markdown Writer は、ブラウザとサーバーサイドの両方の環境向けに設計された、軽量で導入が容易な JavaScript エディタです。カスタム構文、テーマ、多様なツールバー設定など、広範なカスタマイズオプションを提供します。また、ストリーミングレンダリング用の特殊モードを備えており、AI チャットアプリケーションに最適な選択肢となります。

// 技術解説

Cherry Markdown Writer は、ブラウザと Node.js 環境の両方に対応した、軽量でフレームワークに依存しない JavaScript Markdown エディタです。そのアーキテクチャは拡張性とすぐに使える機能を優先しており、開発者は React や Vue といった特定のフロントエンドフレームワークに縛られることなく統合できます。ストリーム最適化版を含む専用のビルドパッケージを提供することで、このプロジェクトは現代の AI チャットアプリケーションや高パフォーマンスなレンダリングシナリオのニーズに効果的に対応しています。設計は機能の豊富さとモジュール性を両立しており、ユーザーは Mermaid のような重い依存関係を動的に読み込むことで、バンドルサイズを管理できます。

// 主要ハイライト

01
インクリメンタルレンダリングとストリーミングレンダリングをサポートしており、コンテンツがリアルタイムで生成される AI チャットインターフェースに最適です。
02
特定のフレームワークの依存関係を必要とせず、あらゆる JavaScript 環境で動作するフレームワーク非依存の実装を提供します。
03
マルチカーソルサポート、リッチテキストの貼り付け、WYSIWYG スタイルのテーブルや画像の編集など、高度な編集機能を備えています。
04
Full、Core、Stream 最適化といった用途別のパッケージを備えたモジュール式のビルドシステムを提供し、バンドルサイズを最小限に抑えます。
05
DOMPurify やホワイトリストフィルタリングを含む組み込みのセキュリティフックを備えており、XSS 脆弱性から保護します。
06
高度に拡張可能なアーキテクチャにより、カスタム構文、カスタムツールバーボタン、テーマ切り替えが可能で、特定のアプリケーション要件に合わせることができます。

// ユースケース

01
リッチテキストから Markdown への変換およびマルチカーソル編集
02
AI チャットやリアルタイムのコンテンツ更新に向けたストリーミングレンダリング
03
Mermaid ダイアグラムやカスタム構文に対応した拡張可能なプラグインアーキテクチャ

// クイックスタート

開始するには、npm または yarn を介してパッケージをインストールします。ブラウザで使用する場合は、ライブラリをインポートし、コンテナ ID と初期コンテンツを指定してインスタンス化します。Node.js の場合は、CherryEngine を使用して Markdown を HTML にコンパイルするか、パフォーマンスや依存関係の要件に応じて適切なビルドパッケージ (Full、Core、または Stream) を選択してください。