Opening the Source Code Editor

You can open and use the Source Code Editor within the Source tab of the document window, or within the source code pane of the Layout Editor, the Frame Editor, or the Outline Editor.

To open the Source Code Editor, do either of the following:

• Click the Source tab  of the document window. The Source Code toolbar appears below the Source tab. (If you don't see the Source Code toolbar, choose View > Toolbar from the context menu.)
• Click the Toggle Split View button  in the document bar at the bottom of the Layout Editor, the Frame Editor, or the Outline Editor. The document window splits into two panes: the upper pane contains a view of the editor you are currently using, and the lower pane (called the source code pane) contains a view of the Source Code Editor. The source code pane lets you work in the Layout Editor, the Frame Editor, or the Outline Editor, and see the underlying source code at same time. Changes you make in the editors are reflected in the source code pane, and vice versa after you click in the editor pane again. For example, you can do most of your layout work in the Layout Editor, and then fine-tune the source code or enter new code that must be entered manually in the source code pane. To close the source code pane, click the Toggle Split View button  again. You can also open and close the source code pane by choosing View > Show Split Source.

To quickly change the location and orientation of the source code pane, Alt-click (Windows) or Option-click (Mac OS) the Toggle Split View button . The source code pane moves to the right side of the document window and changes from a horizontal to a vertical orientation. To move the source code pane to the top of the document window (and subsequently to the left, and then back to the bottom), repeat this step.