CSS Source Editor

The CSS Source Editor is a full-featured text editor that is integrated with other parts of the IDE. CSS files open in the Source Editor opens when you create a new CSS file or double-click a CSS file node in the Projects window, Files window, or Navigator window.

The CSS Source Editor contains the following elements.

Element Description

Source Editor Tabs

The top of the Source Editor has a tab for each open document. Each tab shows the name of the document. If the document has been modified and has not been saved the name of the document is displayed in bold in the tab.

You can right-click a tab to access the following commands:

Close

Closes the selected file.

Close All

Closes all files that are open in the Source Editor area.

Close Other

Closes all files except for the selected file.

Clone

Opens a new tab for the same document. This command is particularly useful in combination with splitting the window so that you can view different parts of the same file simultaneously.

Maximize Window/Restore Window

Maximize Window hides other windows and expands the Source Editor to use all of the window space in the IDE. Restore Window returns the windows to the state that they were before you chose Maximize Window. You can also maximize and restore the Source Editor by double-clicking a tab.

Float/Dock Window

Opens document in an editor in a new window. If window is already floating, the Dock Window option appears instead.

New Document Tab Group/Collapse Document Tab Group

Splits the editor window into two groups of tabs and separates the selected tab into the new group. If a separate group of tabs exists, Collapse Document Tab Group combines these groups into one group.

Select in Projects

Highlights the file's node in the Projects window.

History

Opens a menu from which you can view the changes you made to the file or revert those changes.

[version control]

If the file is under version control, a menu item with the name of the version control system appears. The option opens a menu of relevant version control commands.

Diff To...

Diff the file to another file in its folder or another file open in the editor.

Copy File Path

Copies the path to the file to the clipboard.

Editors

Opens a menu from which you can choose either the source editor view or local history view.

Toolbar

The editor toolbar is at the top of the Source Editor window. The toolbar has buttons for various navigating and editing shortcuts, which vary according to the type of file you are editing. Hold the cursor over a button to display a description of the command.

Left Margin

The left margin displays annotation glyphs that indicate line status, such as warnings.

Error Stripe

The error stripe is the strip to the right of the right scroll bar and contains marks for various things in your file, such as errors, bookmarks, and comments for the To Do list. The error stripe represents the whole file, not just the lines currently displayed. You can immediately identify whether your file has any errors without having to scroll through the entire file. You can double-click a mark in the error stripe to jump to the line that the mark refers to.

Status Line

The Source Editor status line is in the bottom right corner of the IDE. The first area of the status line shows the current line number and row number in the form line:row. The second area of the status line indicates the insertion mode (INS or OVR). The text area on the right is used for status messages.


Related Topics

Developing Applications with NetBeans IDE,

Copyright © 2016, Oracle and/or its affiliates. All rights reserved.