Code Editor¶

In Code Editor, you can edit templates, snippets, and editable files.

To open it, click Edit Page on the left sidebar.

Tabs¶

All files are opened in Code Editor as tabs.

Template

Template of the current page is opened on this tab. You can make any modifications using it. This tab cannot be closed.

Tabs with files

Any referenced resources linked to the page template are opened in separate tabs. These tabs can be closed.

Project Search

This field is designed to find project resources (templates, snippets, CSS and JavaScript files, etc.) matching specified search criterion.

This area contains code itself.

Numbers

All lines of code are numbered.

Collapsed

Collapsed portion of code. It is marked by

in the code.

Expanded

Expanded portion of code.

When editing project resources, there is a toolbar located at the bottom of Code Editor. It contains many helpful options for developers.

BUTTON	DESCRIPTION
	Toggle Inspector
	Select Original Content
	Insert value of statement
	Insert IF statement
	Insert IF-ELSE statement
	Insert FOREACH statement
	Insert HTML image tag
	Insert JavaScript linking HTML tag
	Insert CSS linking HTML tag
	Insert tags for adding comment
	Insert snippet call
	Open template properties
	Open Parameters section to view template or snippet parameters. Parameters are used to arrange dynamic content elements used in template and snippets.
	Save changes made in the resource in the Manual Save mode.
	View all changes that were made in this template or file.

Note

Only Change History and Save Changes options are available for CSS and JavaScript files.

This area is available for snippets and templates only and can be opened by clicking the Parameters button on the toolbar.