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