Renderowanie projektu UI Builder na własnej stronie

UI Builder · uibuilder@1 uibuilderrenderweb component

Projekt to plik JSON (format), a jego renderowanie to jeden komponent. README edytora pokazuje to z web componentem j-uibuilder:

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

config="url:..." to adres pliku JSON projektu. Strona potrzebuje jComponent 20 i komponentu uibuilder; sam edytor serwuje do tego gotową stronę (public/render.txt), która ładuje 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>

Wtedy projekt pojawia się tam, gdzie umieścisz znacznik: formularz, dashboard, tablica przepływu. Ponieważ projekt to dane, Twoja aplikacja może zdecydować, który plik pokazać dla użytkownika lub klienta.

Co Forge już Ci daje na swojej stronie

Katalog komponentów Forge ma stronę uibuilder, wygenerowaną z repozytorium komponentów, z jej readme i przykładem.
W edytorze lista komponentów używana przez projekt to ta z jego pola components; projekt można wyrenderować tylko tam, gdzie te komponenty są osiągalne.

Warto wiedzieć

Do renderowania nie potrzebujesz edytora: może to zrobić każda strona z jComponent 20.
Runtime renderujący projekt to cdn/uibuilder.min@1.js w repozytorium edytora.
UI Studio, wymienione wśród szablonów aplikacji Total.js, opiera się na tym samym pomyśle (aplikacje Total.js).