# j-FlowEditor

> Ouvrez le concepteur de flux pour un point de terminaison FlowStream WebSocket.

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

Le composant ouvre le concepteur Flow dans une iframe. Liez son chemin à l'URL WebSocket du FlowStream à modifier. Définissez le chemin sur null pour fermer le concepteur.

Le composant ouvre l'éditeur de flux dans l'iframe.

- Référentiel de l'éditeur/concepteur de flux <https://github.com/totaljs/flowdesigner> (si vous ne souhaitez pas utiliser la version cloud)

__Configuration__ :

- `url {String}` un lien vers l'éditeur Flow (par défaut : `https://flow.totaljs.com`)
- `top {Number}` par défaut : `1`
- `left {Number}` par défaut : `1`
- `right {Number}` par défaut : `0`
- `bottom {Number}` par défaut : `0`
- `zindex {Number}` par défaut : `30`
- `language {String}` par défaut : `eu` (anglais)
- `closebutton {Boolean}` par défaut : `true`

__Modèle__ :

Il doit s'agir d'un URI WebSocket pour accéder au FlowStream.

## Utilisation

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

Source : [Composants Total.js](https://github.com/totaljs/components/tree/910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e/j-FlowEditor). Copyright Peter Širka et contributeurs. [Licence MIT](/knowledge-licenses.json).