Placeholder properties in code

The code of a node uses the values of its properties through a placeholder.

Filling out the pages replaces the placeholders with their respective property values.

Javascript class node that extends another class attached to the "extends" property:

class __node_name__ extends __linked_node_name_extends__
{
__linked_node_data_methods__
}

At compile time the placeholders will be replaced by the property values:

1) "__node_name__" will be replaced by the value of the "name" property.
2) "__linked_node_name_extends__" will be replaced by the value of the "name" property of the node connected to the "extends" property.
3) "__linked_node_data_methods__" will be replaced with the code of all nodes connected to the "methods" property.

Example in Webriko

Example of using placeholder properties in code

The image below shows an HTML node used as the central node of an HTML page.

Other nodes that make up the page are connected to the node: Panels, Dialogues, Menus, etc.

There are property placeholders in the node code.

The placeholder syntax allows you to include the code of the nodes connected to the respective property.

Example: __linked_node_data_propertyName__

Use the property value in code

The image below shows the node of a Javascript class that extends the "HTMLElement" class.

The "HTMLElement " value was entered directly into the "extends" property from the "Inspector" panel.

The node code uses the "__value_of_extends__" placeholder to print the value of the "extends" property.

You can use this pattern to insert the value of any property: __value_of_propertyName__