UIEditor
The component opens UI Builder in the iframe.
The component opens UI Builder in the iframe.
- UI Builder editor repository https://github.com/totaljs/uibuilder (if you don't want to use cloud version)
Configuration:
url {String}a link to the UI Builder (default:https://uibuilder.totaljs.com)top {Number}default:0left {Number}default:0right {Number}default:0bottom {Number}default:0zindex {Number}default:30language {String}default:eu(english)onsave {String}optional, a link tofunction(data)onpublish {String}optional, a link tofunction(data)onrender {String}optional, a link tofunction(data)closebutton {Boolean}default:true
Model:
{
data: { .. UI BUILDER DESIGN .. },
upload: 'https://.../upload/', // optional
groups: [{ id: 'group1', name: 'Group 1' }], // optional
apps: [{ id: 'app1', name: 'App 1' }], // optional
views: [{ id: 'view1', name: 'View 1' }], // optional
close: function() {}, // optional, it's executed when the editor is closed
save: function(data) {}, // optional, it's executed when the user saves design
publish: function(data) {}, // optional, it's executed when the user compiles design
render: function(data) {}, // optional, it's executed when the user wants to preview a design
}
