Skip to main content

Notice: this Wiki will be going read only early in 2024 and edits will no longer be possible. Please see: https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/wikis/Wiki-shutdown-plan for the plan.

Jump to: navigation, search

Difference between revisions of "Orion/Documentation/User Guide/Reference/Coding page"

(Using the Outline)
(Language tools)
Line 9: Line 9:
  
 
== Language tools ==
 
== Language tools ==
 +
 +
Syntax highlighting for several languages is built into the Orion editor. In particular there is support for JavaScript, HTML, CSS, and Java. A [http://mamacdon.github.com/orion-codemirror/codeMirrorPlugin.html CodeMirror plugin] is available that provides syntax highlighting for a large variety of other languages.
  
 
Basic content assist is currently supported in JavaScript, CSS, and HTML files. Other file types may be supported depending on what plugins you have installed. Type Ctrl+Space to open content assist at the current cursor position in the editor. Some content assist proposals require you to fill in certain variables after the proposal is selected. For example, if you select the "for..in" proposal in JavaScript, the editor enters a linked mode to let you fill in the property name and object to be iterated.
 
Basic content assist is currently supported in JavaScript, CSS, and HTML files. Other file types may be supported depending on what plugins you have installed. Type Ctrl+Space to open content assist at the current cursor position in the editor. Some content assist proposals require you to fill in certain variables after the proposal is selected. For example, if you select the "for..in" proposal in JavaScript, the editor enters a linked mode to let you fill in the property name and object to be iterated.

Revision as of 13:49, 28 February 2012

Coding page

Navigate to the Coding page by clicking any file in the Navigator page that has a corresponding Orion editor. This page is comprised mainly of an editor area, and a collapsible outline section on the left hand side. Error markers are shown in the gutter to the left of the line numbers, and a birds-eye view of errors is shown next to the scroll bar on the right. The name of the file being edited, and the current line and column information are shown in the title area at the top of the page.

Orion-editor-overview.png

The editor supports many of the typical key bindings from the Eclipse editor. To find out what key bindings are available, type Ctrl+Shift+?.

Orion-editor-key-assist.png

Language tools

Syntax highlighting for several languages is built into the Orion editor. In particular there is support for JavaScript, HTML, CSS, and Java. A CodeMirror plugin is available that provides syntax highlighting for a large variety of other languages.

Basic content assist is currently supported in JavaScript, CSS, and HTML files. Other file types may be supported depending on what plugins you have installed. Type Ctrl+Space to open content assist at the current cursor position in the editor. Some content assist proposals require you to fill in certain variables after the proposal is selected. For example, if you select the "for..in" proposal in JavaScript, the editor enters a linked mode to let you fill in the property name and object to be iterated.

Orion-editor-linked-mode.png

Type in an appropriate value for the variable, and hit Tab key to move to the next variable. When you are finished, exit linked mode by hitting Enter.

Content outline

The Outline pane to the left of the editor shows the structure of the file you are editing. Click entries in the outline to jump to the corresponding location in the editor. When not in use, you can collapse the Outline pane using Ctrl+O.

There are plugins available that define additional outline capabilities for various file types. Click Get Plugins in the top banner to find additional outline plugins for HTML and JavaScript. When multiple outlines are available, a drop-down menu appears at the top of the outline, allowing you to select a particular outline presentation:

Orion-editor-outline-menu.png

Searching

There are several ways to perform searches in the editor (some key bindings may be different on Mac OS):

  • Ctrl+F will open a dialog to search for occurrences of some text in the current editor
  • Ctrl+J will perform an incremental search as you type. A message in the title area will let you know you are in incremental find mode, and will turn red to indicate no matches were found.
  • Ctrl+H will search for occurrences of the currently selected text across all files. The search results will pop up in a new window, from which you can navigate to files containing the matches
  • Typing search terms in the search box in the upper right corner of the title area will search for the terms across all files, and display matches in the Search Results page.

Back to the top