SSShooter/mind-elixir-core

これは何？

主な機能

• 01あらゆるフロントエンドスタックで使える、フレームワーク非依存のコア。
• 02ドラッグ＆ドロップ編集、複数ノードの選択、取り消し・やり直し。
• 03タッチイベントとキーボードショートカット。
• 04SVG、PNG、HTMLへのエクスポート。
• 05CSS変数やカスタムテーマによるスタイル設定。
• 06プラグインシステムと、変更に対する操作ガード。

ユースケース

• Webアプリに編集可能なマインドマップ表示を追加する。
• ブラウザで使えるノート作成ツールやブレインストーミングツールを構築する。
• 構造化データから、エクスポート可能なマインドマップのビジュアライゼーションを作成する。
• React、Vue、またはプレーンなJavaScriptのページでマインドマップ機能を試作する。

クイックスタート

1. 1

   npmからパッケージをインストールします

   npm i mind-elixir -S
2. 2

   コードでライブラリとスタイルシートをインポートします

   import MindElixir from 'mind-elixir' import 'mind-elixir/style.css'
3. 3

   コンテナ用のdivを作成し、サンプルデータでマインドマップを初期化します

使う前に知っておきたいこと

• !マップを表示するには、高さを明示したコンテナ要素が必要です。

収録されている特集

トピック

よくある質問

mind-elixir-core とは？

Webアプリにインタラクティブで編集可能なマインドマップを組み込める、フレームワーク非依存のJavaScriptコア。 Mind Elixir Coreは、ブラウザ上でマインドマップを表示・編集するJavaScriptライブラリです。特定のフロントエンドフレームワークに依存しないため、HTMLページにそのまま組み込むことも、ReactやVueなどのUIライブラリと併用することもできます。

mind-elixir-core は無料で使えますか？ライセンスは？

mind-elixir-core は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

mind-elixir-core は今もメンテナンスされていますか？

活発にメンテナンス中。mind-elixir-core の最終コミットは 2026年11月4日 です。

mind-elixir-core は何に使えますか？

Webアプリに編集可能なマインドマップ表示を追加する。 ブラウザで使えるノート作成ツールやブレインストーミングツールを構築する。 構造化データから、エクスポート可能なマインドマップのビジュアライゼーションを作成する。 React、Vue、またはプレーンなJavaScriptのページでマインドマップ機能を試作する。

mind-elixir-core のインストール方法は？

npmからパッケージをインストールします: npm i mind-elixir -S コードでライブラリとスタイルシートをインポートします: import MindElixir from 'mind-elixir' import 'mind-elixir/style.css' コンテナ用のdivを作成し、サンプルデータでマインドマップを初期化します

mind-elixir-core はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/SSShooter/mind-elixir-core