j-UIEditor

jComponent 20 · jcomponent@20 component

Το στοιχείο ανοίγει το 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

Μοντέλο:

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

Χρήση

<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 συστατικάCopyright Peter Širka και συνεισφέροντες. Αδειοδότηση.