Table of Contents

Scripts Editor

Script editor allows you to write and manage scripts.

  1. Script list
  2. Selected script properties area
  3. Code editor area
  4. Edit tool buttons (full screen, insert function calls, show/hide console window, save)
  5. Create new script button
  6. Debbuging console

As of 4.0 fw verstion there is a global search box above the script list:

The main editor's window:

Script list (1)

In the example list provided, the script titles are named as accroding to their possible execution types.

Two or three icons indicates execution type of script (see more details below), wether it has modifications, and its running state (Enabled/Disabled).

The scripts run in the order how they are sorted in the list. This order can be easily changed by dragging a script into a new location.

The line starts with the script Id. This number is shown in communication log to track the relevant script. E.g.

Jul 26 17:23:27.450: ERROR: LUA scripts: Can't execute LUA script #3.

Property area (2)

You can set here name for the script, select type, disable or enable it and give short description.

There are 6 types of scripts:

Editor (3)

WebHMI has handy code editor with useful features:

Table of popular hotkeys:

KeyFunction
F6toggle compact / full-screen mode
Crtl-Ssave the script
Ctrl-Ffind and highlight occurence
Ctrl-Hfind and replace
Ctrl-Zundo
Ctri+Shift-Zredo
Ctrl-Aselect all
Ctrl-LSelect specific line
Ctrl-Ddelete line
Ctrl-[ or Shift-Tabdecrease indent
Ctrl-] or Tab increase indent
Ctrl-Uconvert text to upper case

For more hotkeys, please refer to the Ace code editor.

Editor toolbar (4)

The toolbar has the following buttons (from left to right):

In the following picture, the full editor mode with console activated is shown:

Adding script (5)

When there are no scripts yet in the project, the +Add script button is placed in the page center. After adding a script it is moved to the top-right page corner.

Debugging console (6)

The console has two controls:

  1. You can drag the top border to change the console size
  2. You can run/stop output to console with the run/stop button in the top right corner.