j-FlowEditor

jComponent 20 · jcomponent@20 component

Die Komponente öffnet den Flow-Designer in einem Iframe. Binden Sie seinen Pfad an die WebSocket-URL des zu bearbeitenden FlowStream. Setzen Sie den Pfad auf null, um den Designer zu schließen.

Die Komponente öffnet den Flow-Editor im Iframe.

Flow-Editor/Designer-Repository https://github.com/totaljs/flowdesigner (wenn Sie die Cloud-Version nicht verwenden möchten)

Konfiguration:

url {String} ein Link zum Flow-Editor (Standard: https://flow.totaljs.com)
top {Number} Standard: 1
left {Number} Standard: 1
right {Number} Standard: 0
bottom {Number} Standard: 0
zindex {Number} Standard: 30
language {String} Standard: eu (Englisch)
closebutton {Boolean} Standard: true

Modell:

Es muss ein WebSocket-URI sein, um auf FlowStream zuzugreifen.

Nutzung

<ui-component name="floweditor" path="designer.socket"></ui-component>
<script>
  function openDesigner(socketURL) {
    SET('designer.socket', socketURL);
  }
  function closeDesigner() {
    SET('designer.socket', null);
  }
</script>

Quelle: Total.js Komponenten. Copyright Peter Širka und Mitwirkende. MIT-Lizenz.