TMagic ビジュアライゼーション ビルディング プラットフォーム。
ドキュメントについては、 https://tencent.github.io/tmagic-editor/docs/index.htmlに移動してください。
現在、ドキュメントは徐々に改善されています. ご不明な点がございましたら、問題をお送りください.
https://tencent.github.io/tmagic-editor/playground/index.html
node.js >= 16
最初にpnpmをインストールします
$ npm install -g pnpm
次に、依存関係をインストールします
$ pnpm bootstrap
注文の実行
$ pnpm playground
最後にブラウザで開く
http://localhost:8098/tmagic-editor/playground/
ルービック キューブ エディターのサンプル プロジェクトを入手できます
このプロジェクトでは、コア コンテンツ
packages/editorはと、 および が提供
runtimeする各フロントエンド フレームワークに関連するランタイムと UI です。
packages/ui
packagesディレクトリに提供される内容はnpmパッケージの形で出力され、開発者は対応するパッケージをインストールすることで利用できます。
runtimeは、当社が提供するエディターのアクティブ ページと、エディター エミュレーターで実行されているページ プロジェクトの例です。直接使用することも、参照して自分で実装することもできます。
playgroundは、単純なエディター プロジェクトの例です。
packagesつまり、およびコンテンツを使用
runtimeする統合プロジェクトです。開発者はプレイグラウンドを参照し、ルービック キューブが提供する機能を使用して、ビジネス サイドのニーズを満たすエディターを実装できます。
@tmagic/editor をインストールして使用することで、ルービック キューブ エディターをすばやく構築できます。
runtime は、ルービック キューブが提供するページ レンダリング環境です。エディターで生成された DSL をロードすることにより、キューブ エディターが必要とする最終製品であるアクティブなページを取得できます。vue2/vue3/react のランタイムには複数のバージョンが用意されています。
ルービック キューブ エディターとランタイム レンダリング、および複雑なカスタム コンポーネントの開発を通じて、ルービック キューブ プロジェクトで複雑で美しいページを構築できます。
ルービック キューブのフォーム構成アイテムは、弊社が開発した element-ui をベースとした @tmagic/form を使用しており、 @tmagic/form は別の場所でも使用することができます。JS スキーマによって提供されるフォーム記述のレンダリングをサポートします。
プレイグラウンドのサンプル プロジェクトは、開発者向けに提供される基本的なアプリケーションの例です。開発者は、これに基づいて、または独自の実装を参照して、ルービック キューブに基づく視覚的な構築プラットフォームを構築できます。
良いコメントや提案があれば、Issue またはプル リクエストを送信して、ルービック キューブ ビジュアル エディターの開発エクスペリエンスの向上に貢献してください。
参照: CONTRIBUTING.md