Vykreslení návrhu UI Builder na vlastní stránce

UI Builder · uibuilder@1 uibuilderrenderweb component

Návrh je soubor JSON (formát) a jeho vykreslení je jedna komponenta. README editoru ho ukazuje s webovou komponentou j-uibuilder:

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

config="url:..." je adresa souboru JSON návrhu. Stránka potřebuje jComponent 20 a komponentu uibuilder; samotný editor poskytuje pro to hotovou stránku (public/render.txt), která načte jComponent z CDN:

<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>

Pak se návrh objeví tam, kam dáte značku: formulář, dashboard, tabule toku. Protože návrh jsou data, vaše aplikace může rozhodnout, který soubor zobrazit podle uživatele nebo zákazníka.

Co vám už dává stránka Forge

Katalog komponent Forge má stránku uibuilder, vygenerovanou z repozitáře komponent, s jejím readme a příkladem.
V editoru je seznam komponent, který návrh používá, ten v jeho poli components; návrh lze vykreslit jen tam, kde jsou tyto komponenty dosažitelné.

Dobré vědět

K vykreslení editor nepotřebujete: dokáže to jakákoli stránka s jComponent 20.
Runtime, který vykresluje návrh, je cdn/uibuilder.min@1.js v repozitáři editoru.
UI Studio, uvedené mezi šablonami aplikací Total.js, staví na stejné myšlence (aplikace Total.js).