8.2.5 Code Editor
For attributes requiring large amounts of code (for example, a region Source), you can enter text directly in to the field or access a full featured Code Editor.
See Also:
You access Code Editor by clicking the Code Editor button which resembles an arrow within a square.
Code Editor Key Features
The Code Editor displays as a modal dialog and provides an enhanced code editor to edit PL/SQL, SQL, HTML, CSS, and JavaScript component properties. The code highlighting is determined by the input required for the specific property.
Code Editor controls include:
-
Undo - Ctrl+Z
-
Redo - Ctrl+Shift+Z
-
Find - Ctrl+F
-
Query Builder
-
Auto Complete - Ctrl+Space
-
Validate - Ctrl+Alt+V
-
Context Menu - Right-click and select one of the following:
-
Change All Occurrences (Ctrl+F2) - Right click and select Change All Occurrences from the context menu.
-
Cut
-
Copy
-
Command Palette (F1) - Displays the Command Palette.
-
Command Palette
Right click to display a context menu and select Command Palette. The Command Palette includes over 80 commands including:
-
Replace (Ctrl+H)
-
Replace with Next Value (Ctrl+Shift+.)
-
Replace with Previous Value (Ctrl+Shift+,)
Multi Cursor Selection
-
Add cursors at arbitrary positions - Select a position with your mouse and press Shift+Alt+click (Shift+Option+click on macOS).
-
Set cursors above the current position - Select a position with your mouse and press Ctrl+Alt+Up (Option+Command+Up on macOS).
-
Set cursors below the current position - Select a position with your mouse and press Ctrl+Alt+Down (Option+Command+Down on macOS).
Settings Menu
The Settings menu displays on the right side and includes the following options:
-
Indentation - Options include: Tab Inserts Spaces, Tab Size, and Indent Size
-
Themes - Options include: Automatic, Light, Dark, and High Contrast Dark
-
Show Ruler
Parent topic: Understanding Page Designer UI Elements