j-FlowEditor

jComponent 20 · jcomponent@20 component

The component opens the Flow designer in an iframe. Bind its path to the WebSocket URL of the FlowStream to edit. Set the path to null to close the designer.

The component opens Flow editor in the iframe.

Flow editor/designer repository https://github.com/totaljs/flowdesigner (if you don't want to use cloud version)

Configuration:

url {String} a link to the Flow editor (default: https://flow.totaljs.com)
top {Number} default: 1
left {Number} default: 1
right {Number} default: 0
bottom {Number} default: 0
zindex {Number} default: 30
language {String} default: eu (english)
closebutton {Boolean} default: true

Model:

It must be a WebSocket URI to access the FlowStream.

Usage

<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: Total.js components. Copyright Peter Širka and contributors. MIT license.