TMagic

TMagic視覚化構築プラットフォーム。

• 💪Vue3.0コンポジションAPI
• 🔥TypeScriptで書かれています

ドキュメンテーション

ドキュメントについては、 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

最後にブラウザで開きます

http：// localhost：8098 /

ルービックキューブエディターのサンプルプロジェクトを入手できます

プロジェクト紹介

このプロジェクトでは、コアコンテンツ

packages/editor

runtime

packages/ui

• packages

  ディレクトリで提供されるコンテンツはnpmパッケージの形式で出力され、開発者は対応するパッケージをインストールすることでそれを使用できます。

• runtime

  は、私たちが提供するエディターのアクティブなページと、エディターエミュレーターで実行されているページプロジェクトの例です。直接使用することも、参照して自分で実装することもできます。

• playground

  簡単なエディタープロジェクトの例です。

  packages

  つまり、コンテンツを使用

  runtime

  する統合プロジェクトです。開発者は、遊び場を参照し、ルービックキューブが提供する機能を使用して、ビジネス側のニーズを満たすエディターを実装できます。

編集者

@ tmagic / editorをインストールして使用することにより、ルービックキューブエディターをすばやく構築できます。

ページレンダリング

ランタイムは、ルービックキューブが提供するページレンダリング環境です。エディターで生成されたDSLをロードすることにより、キューブエディターが必要とする最終製品であるアクティブページを取得できます。vue2 / vue3/react用のランタイムのいくつかのバージョンを提供しています。

ルービックキューブエディターとランタイムレンダリング、およびカスタムの複雑なコンポーネントの開発を通じて、ルービックキューブプロジェクトで複雑で美しいページを構築できます。

フォームレンダリング

ルービックキューブのフォーム設定項目は、当社が開発したelement-uiをベースにした@ tmagic / formを使用しており、@ tmagic/formは他の場所でも個別に使用できます。JSSchemaによって提供されるフォーム記述のレンダリングをサポートします。

使用する

遊び場のサンプルプロジェクトは、開発者向けに提供されている基本的なアプリケーションの例です。開発者は、これに基づいて、または独自の実装を参照することにより、ルービックキューブに基づいてビジュアル構築プラットフォームを構築できます。

参加して貢献する

良いコメントや提案があれば、ルービックキューブビジュアルエディターの開発体験の向上に貢献するために、問題またはプルリクエストを送信してください。
参照：CONTRIBUTING.md

グループコミュニケーションへようこそ