The Studio work area consists of three separate, but interrelated, panes- the Edit pane, the Browse pane; and the Design pane. Each pane enables you to view the active document in different views. The Edit pane lets you view and manipulate the template code. The Browse ‘pane acts like a browser and renders your page using an internal version of Internet Explorer. The Design pane lets you view your page in a WYSIWYG editor .
The Edit pane is one of the most well designed features of Studio. We’ve already discussed some tools that are available from the Edit pane, such as Tag Insight, Tag Completion, and gutter numbering. Now we will discuss some specific features of the Edit pane, such as color coding and accessing tag editors.
As you work with code in Studio’s Edit pane, you will notice that tags, attributes, and values are color-coded differently,
By default, CFML tags and attributes are coded in red with attribute values coded in brightblue. Likewise, HTML tags and attributes are coded in either dark blue, purple, or green with attribute values coded in bright blue. This color-coding scheme enables you’ to easily separate code from text and is helpful during debugging.
Earlier in this chapter you were introduced to.the Quickbar and toolbars that enabled you to add tags to your templates by clicking a toolbar button to open the Tag Editor for the apnropriate tag. You can also access the Tag Editor dialog boxes after the tags have been created by right-clicking the “question and choosing Edit Tag from the shortcut menu. Make your changes and press the OK button. Your tag will be updated with your new information.
The Browse pane is essentially Internet Explorer built into the Studio interface. Although this is a useful tool, you have to configure it before using it. Take the following steps to do this:
1. Choose Options >- Settings from the menu bar and select the Browse page,
2. Click the Development Mappings button to open the Remote Development Settings dialog box.
3. Choose the ColdFusion server you would like to use from the drop-down box at the top of the dialog box.
4. Click the open folder button next to the Studio Path text box to browse the server and select the directory that you wish to browse. Click the OK button when you are through. You should note that the CF Server Path and the Browser Path are automatically filled in for you; as shown in Figure 20,14. At times, ColdFusion Studio will not guess the paths correctly and you will need to correct the automatic selections.
5. Click the Apply button to accept this new mapping and then click the OK button twice toexit the dialog boxes.
6. Now try to view your file in the Browse pane. If you have mapped your current directory correctly, you will be able to view your ColdFusion templates (error messages and all!) in the Browse pane,