Rich Page Editor
Use Rich Page Editor to easily edit HTML files, add Dojo widgets to HTML pages, and create and edit web pages for mobile devices. Rich Page Editor is a multi-tabbed editor that provides multiple views to show different representations of your page.
Views
- Mobile Navigation, Outline, and Properties views
- Toolbar buttons
- Menu bar options
- Pop-up (right-click) menus
- Palette components
Editor view | Description |
---|---|
Source | The Source view helps you to view and work directly with the source code of a file. The Mobile Navigation, Palette, Outline, Page Data, and Properties views have features that supplement the Source view. |
Split | The
Split view combines the Source and Design views in a split screen
view. Changes that you make in one part of the split screen are automatically
updated in the other part. You can split the view horizontally or
vertically.![]() |
Design | The Design view
is a WYSIWYG environment. This view helps you to create and work with
a file while viewing how your web page and dynamic content might look
on a mobile device. You can use this view to visually edit files.
For example, the Design view includes features that you can use to
complete the following tasks:
|
Design Mode editing
You can use the Design Mode editing features of Rich Page Editor to add and edit widgets in the Design view. To enable the Design Mode editing features, click the Design Mode icon.
The following screen capture shows what a table looks like in the Design view of Rich Page Editor when Design Mode is enabled.

The following screen capture shows what the same table looks like in the Design view of Rich Page Editor when Design Mode is not enabled.

The Design Mode 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 that is available for the selected widget. Design Mode also adds dashed borders to empty table cells. For example, dragging a tag from the Palette to a table provides a visual cue for placement:

Selecting a cell in a table opens a pop-up cue that you can use to add a column or row:
