# j-FlowEditor

> Open de Flow ontwerper voor een FlowStream WebSocket eindpunt.

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

De component opent de Flow-ontwerper in een iframe.Bind zijn pad aan de WebSocket URL van de FlowStream om te bewerken.

De component opent de Flow-editor in het iframe.

- Flow editor/designer repository <https://github.com/totaljs/flowdesigner> (als u de cloudversie niet wilt gebruiken)

__Configuratie__:

- `url {String}` een link naar de Flow-editor (default: `https://flow.totaljs.com`)
- `top {Number}` De default: `1`
- `left {Number}` De default: `1`
- `right {Number}` De default: `0`
- `bottom {Number}` De default: `0`
- `zindex {Number}` De default: `30`
- De standaard `language {String}`: `eu`
- `closebutton {Boolean}` De default: `true`

__Modellen__:

Het moet een WebSocket URI zijn om de FlowStream te bereiken.

## Gebruik

```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>
```

De bron: [Total.js componenten](https://github.com/totaljs/components/tree/910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e/j-FlowEditor)Copyright Peter Širka en bijdragen. [Mijn licentie](/knowledge-licenses.json).