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

()

Created at: 2022-02-17 14:46:16
Language: TypeScript
License: NOASSERTION

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
される各フロントエンドフレームワークに関連するランタイムとUIです。
packages/ui

  • packages
    ディレクトリで提供されるコンテンツはnpmパッケージの形式で出力され、開発者は対応するパッケージをインストールすることでそれを使用できます。
  • runtime
    は、私たちが提供するエディターのアクティブなページと、エディターエミュレーターで実行されているページプロジェクトの例です。直接使用することも、参照して自分で実装することもできます。
  • playground
    簡単なエディタープロジェクトの例です。
    packages
    つまり、コンテンツを使用
    runtime
    する統合プロジェクトです。開発者は、遊び場を参照し、ルービックキューブが提供する機能を使用して、ビジネス側のニーズを満たすエディターを実装できます。

編集者

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

ルービックキューブのデモ

ページレンダリング

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

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

フォームレンダリング

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

使用する

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

参加して貢献する

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

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