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.

    The source code pane in the document window 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 the same time. Changes you make in the editors are reflected in the source code pane, and vice versa, after you click 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 open the Source Code Editor:

  1. Do one of the following:
    • Click the Source tab 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 Show/Hide Split Source icon  in the document bar at the bottom of the Layout Editor, the Frame Editor, or the Outline Editor. 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.

    TipTo 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.