Set the Rich Page Editor preferences

Set the Rich Page Editor preferences

We can customize the display of Rich Page Editor by setting the preferences for view shortcuts, pane visibility and layout, design mode, and web browser.

In the main menu, click Window > Preferences.

Expand Web > Rich Page Editor.

Specify the default preference settings for Rich Page Editor.

Editor preference Description

View shortcuts Specify whether to show or hide the shortcut toolbar buttons in Rich Page Editor for these views: Palette, Properties, Outline, and Mobile Views.
Visible pane Select which view to show when you open a file with Rich Page Editor. Choose from these views: Design, Source, and Split.
Pane layout Set the Split view layout, which is a combination of the Source view and Design view, to split the editor view either horizontally or vertically.
Design mode Specify whether to enable or disable Design Mode.
When Design Mode is available, the editing features help you to add and edit widgets in the Design view of the editor. For example, the editing features guide the placement of code when you drop a widget on a container widget. Visual cues highlight the possible drop locations and pop-up cues indicate the editing function available for the selected widget. Design Mode also adds dashed borders to empty table cells.
When Design Mode is unavailable, elements in the Design view are displayed exactly as they are shown in the web browser, without any visual aids for editing.
Web browser Select the web browser in which to show the page that is being edited.
The list of available web browsers is dependent on the platform and web browsers installed on the computer.

When we are working with Rich Page Editor, we can change these settings from the editor window. To change the view shortcuts, pane layout, design mode, and web browser settings, use the toolbar in the upper-right corner of the editor window. To change the visible pane, use the tabs in the lower-left corner.

Optional: To specify to remember these preference settings for each resource, selectRemember settings for each individual resource.

Specify the Smart Highlight settings for Rich Page Editor.

Smart Highlight preference Description

jQuery Specify whether to highlight nodes in the Design and Outline views that are matched by jQuery expression selectors in the Source view or Javascript editors.
By default, matched nodes are highlighted in yellow. To change the highlight color, click Change Highlight Color.

Click Apply and then save the changes by clicking OK.

Parent topic: Rich Page Editor

Editor preference	Description
View shortcuts	Specify whether to show or hide the shortcut toolbar buttons in Rich Page Editor for these views: Palette, Properties, Outline, and Mobile Views.
Visible pane	Select which view to show when you open a file with Rich Page Editor. Choose from these views: Design, Source, and Split.
Pane layout	Set the Split view layout, which is a combination of the Source view and Design view, to split the editor view either horizontally or vertically.
Design mode	Specify whether to enable or disable Design Mode. When Design Mode is available, the editing features help you to add and edit widgets in the Design view of the editor. For example, the editing features guide the placement of code when you drop a widget on a container widget. Visual cues highlight the possible drop locations and pop-up cues indicate the editing function available for the selected widget. Design Mode also adds dashed borders to empty table cells. When Design Mode is unavailable, elements in the Design view are displayed exactly as they are shown in the web browser, without any visual aids for editing.
Web browser	Select the web browser in which to show the page that is being edited. The list of available web browsers is dependent on the platform and web browsers installed on the computer.