Code Editor control

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

This content has been translated automatically. Click here to view the French version.

Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Diagram Editor control / Code Editor control

Code Editor control overview
Create a Code Editor control
Code Editor control features

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

Code Editor control

Code Editor control overview

The Code Editor control allows end users to write WLanguage code...

This means you can use this type of control in an application:

to allow developers to run tests,
to allow advanced users to enter formulas, run scripts, etc.
to customize a feature for a specific client.

New in version 2025

This control is now available for WEBDEV websites in Windows.

New in version 2025

Users can write WLanguage code and benefit from syntax highlighting in a WEBDEV site. Code cannot be executed natively. Executing WLanguage code written by the user leads to security vulnerabilities.

CAUTION: This Code Editor field is independent: it knows neither the analysis linked to the project, nor the associated data files.. To access the data, use HDeclareExternal, for example. Example:

IF NOT HDeclareExternal(fDataDir() + fSep() + "CLIENTS.FIC", "CLIENTS") THEN
	Error(HErrorInfo())
	RETURN
END
HReadSeekFirst(CLIENTS,"CODECLI","0018300")
Info(CLIENTS.NOM1)

Create a Code Editor control

To create a Code Editor control:

On the "Creation" tab, in the "Graphic controls" group, expand "Office" and select "Code Editor".
Click at the desired location to create the control.

New in version 2025

To create a Code Editor control:

On the "Creation" tab, in the "Graphic controls" group, expand "Advanced" and select "Code Editor".
Click where you want to create the control in the page.

Note: The dimensions of the field created are optimized to occupy the space available at the position indicated.. If the field size doesn't suit you, use the Ctrl + Z key combination: the field will return to its default size.

To view the characteristics of the control, select "Description" in the context menu.

Code Editor control features

The Code Editor control includes a toolbar that provides access to the main functions:

Several keyboard shortcuts are also available:

Shortcut	Effect

Ctrl + A	Selects the content of the control.
Ctrl + C	Copies the selection to the clipboard.
Ctrl + D	Duplicates the current line.
Ctrl + O	Opens a file containing the WLanguage code to be displayed in the control.
Ctrl + S	Saves the contents of the Code Editor control to a file.
Ctrl + V	Pastes the content of the clipboard.
Ctrl + X	Cuts the selection and copies it to the clipboard.
Ctrl + mouse wheel	Changes the zoom.
Ctrl + Z	Undoes the last action.
Ctrl + Y	Redoes the last action.
Ctrl + / (numeric keypad)	Comments.
Ctrl + Shift + / (numeric keypad)	Deletes the comment.
F9	Runs the code.
F1	Opens the help page of the current word.