Code Editor User Guide

Introduction

The code editor has been optimized to enhance usability and efficiency, providing a seamless coding experience. The following code editors are affected:

• Beanshell
• Custom HTML
• Script
• App Variable
• JSON Definition
• Notes

This guide details the features available for users.

Keyboard Shortcuts

The following keyboard shortcuts allow quick access to essential functions:

Code Editor Features

Help Panel (F1)

Press F1 in the code editor to activate tooltip hints, providing guidance on available commands and shortcuts for improved efficiency.

Fullscreen Mode (F12)

For a distraction-free coding experience, pressing F12 toggles fullscreen mode. This allows users to work in an expanded editor view without affecting the rest of the browser window.

Zoom In/Zoom Out (Ctrl + + / Ctrl + -)

The code editor supports independent zoom functionality, enabling users to adjust text size without altering the overall browser layout.

Error Highlighting

Errors are clearly indicated with enhanced color-coded highlights, making it easier to identify and resolve issues. This visual improvement ensures better debugging and readability.

Matching Parentheses Highlighting

To simplify code navigation, matching parentheses are highlighted green, allowing users to track paired symbols efficiently, especially in complex code structures.

Enhanced Syntax Highlighting

Syntax highlighting now includes improved color differentiation, distinguishing attributes like functions and classes for easier readability and quick identification.

Cut, Copy, and Paste Functionality

The code editor supports standard text operations, including cut, copy, and paste, ensuring seamless text modifications within the workspace.

Search and Replace (Ctrl + F)

Users can search and replace code efficiently using the Ctrl + F shortcut, streamlining code adjustments across multiple instances. Click the arrow to expand the menu and display the Replace function.

Find:

• Find Previous
• Find Next
• Close

Replace:

• Replace
• Replace All

Live Syntax Checking

The editor provides real-time syntax validation, identifying potential errors as users type to reduce debugging time and enhance code accuracy:

• Warning
• Error

Code Refactoring

Users can modify all instances of a variable or function at once, ensuring consistency and reducing manual adjustments across the codebase.

Intelligent Code Suggestions

The editor offers smart suggestions, assisting users with autocomplete functionalities for functions, methods, and common coding patterns, improving workflow speed.