# j-UIEditor

> Ανοίξτε το UI Builder και λαμβάνετε αποθηκευμένα σχέδια.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: el
Content-SHA256: a79c631e9ea298e36f8fdffc012072839ac9eb279a01378d4395cdb26e3e4f36
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: usage-reviewed

Το στοιχείο ανοίγει το UI Builder σε ένα iframe. Συνδέστε τη διαδρομή του με ένα αντικείμενο που περιέχει το σχεδιασμό και τις κλήσεις για την αποθήκευση, τη δημοσίευση ή την προβολή του.

Το στοιχείο ανοίγει το UI Builder στο iframe.

- UI Builder επεξεργαστής αποθήκευσης <https://github.com/totaljs/uibuilder> (αν δεν θέλετε να χρησιμοποιήσετε την έκδοση cloud)

__ΕΠΙΤΡΟΦΗ__:

- `url {String}` σύνδεση με το UI Builder (προεπιλεγμένο: `https://uibuilder.totaljs.com`)
- `top {Number}` Η παρατυπία: `0`
- `left {Number}` Η παρατυπία: `0`
- `right {Number}` Η παρατυπία: `0`
- `bottom {Number}` Η παρατυπία: `0`
- `zindex {Number}` Η παρατυπία: `30`
- `language {String}` Η παρατυπία: `eu` (Αγγλικά )
- `onsave {String}` προαιρετική, σύνδεση με το `function(data)`
- `onpublish {String}` προαιρετική, σύνδεση με το `function(data)`
- `onrender {String}` προαιρετική, σύνδεση με το `function(data)`
- `closebutton {Boolean}` Η παρατυπία: `true`

__Μοντέλο__:

```js
{
	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
}
```

## Χρήση

```html
<ui-component name="uieditor" path="editor.current"></ui-component>
<script>
  function openDesign(design) {
    SET('editor.current', {
      data: design,
      save: function(updatedDesign) {
        SET('form.design', updatedDesign);
      }
    });
  }
</script>
```

Πηγή : [Total.js συστατικά](https://github.com/totaljs/components/tree/910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e/j-UIEditor)Copyright Peter Širka και συνεισφέροντες. [Αδειοδότηση](/knowledge-licenses.json).