# j-FlowEditor

> Öffnen Sie den Flow-Designer für einen Endpunkt FlowStream WebSocket.

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

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

```html
<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](https://github.com/totaljs/components/tree/910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e/j-FlowEditor). Copyright Peter Širka und Mitwirkende. [MIT-Lizenz](/knowledge-licenses.json).