UI Builder terv megjelenítése a saját oldaladon

UI Builder · uibuilder@1 uibuilderrenderweb component

A terv egy JSON fájl (a formátum), megjelenítése pedig egyetlen komponens. A szerkesztő README fájlja a j-uibuilder web componenttel mutatja:

<ui-component name="uibuilder" config="url:https://uibuilder.totaljs.com/render.json"></ui-component>

A config="url:..." a terv JSON fájljának címe. Az oldalnak szüksége van a jComponent 20-ra és az uibuilder komponensre; maga a szerkesztő kiszolgál erre egy kész oldalt (public/render.txt), amely a CDN-ről tölti be a jComponentet:

<link href="https://cdn.componentator.com/spa.min@20.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.componentator.com/spa.min@20.js"></script>

Ezután a terv ott jelenik meg, ahová a címkét teszed: egy űrlap, egy irányítópult, egy folyam táblája. Mivel a terv adat, az alkalmazásod eldöntheti, melyik fájlt mutassa felhasználónként vagy ügyfelenként.

Amit a Forge oldala már megad

A Forge komponenskatalógusában ott van a uibuilder oldal, a komponensek tárolójából generálva, a readme-vel és a példával.
A szerkesztőben a terv által használt komponenslista a components mezőjében lévő; egy terv csak ott jeleníthető meg, ahol ezek a komponensek elérhetők.

Jó tudni

A megjelenítéshez nincs szükséged a szerkesztőre: bármelyik jComponent 20-szal rendelkező oldal megteszi.
A tervet megjelenítő futtatókörnyezet a szerkesztő tárolójában a cdn/uibuilder.min@1.js.
Az UI Studio, amely a Total.js alkalmazássablonjai között szerepel, ugyanerre az ötletre épül (Total.js alkalmazások).