UI Builder
El editor visual de Total.js que describe interfaces de usuario como un archivo JSON: aplicaciones web, paneles, flowboards y partes.
Qué es UI Builder: diseña interfaces como un archivo JSON
UI Builder es el editor visual de Total.js para interfaces de usuario: aplicaciones web, paneles, flowboards y partes, descritos por un archivo JSON y renderizados por un web component, sin código de servidor.
Usar o ejecutar el editor de UI Builder y traer tus propios componentes
Abre el editor en la nube o ejecútalo tú mismo con Node.js, qué contiene el proyecto y cómo cargar tu propia lista de componentes con el parámetro components.
El formato JSON de un diseño de UI Builder
Los campos del archivo JSON que guarda UI Builder: metadatos, el CSS con el marcador CLASS, el árbol de componentes, entradas, salidas y argumentos, con las plantillas iniciales como ejemplo.
Crear un componente para UI Builder
El formato de un componente de UI Builder: un archivo HTML con su estilo, un script que exporta sus metadatos y una función make, un formulario de ajustes y un readme, además de las banderas, métodos y eventos de una instancia.
Renderizar un diseño de UI Builder en tu propia página
Muestra un diseño guardado en cualquier sitio con el web component j-uibuilder y la dirección de su archivo JSON, con jComponent 20 como único requisito.