Adobe Extending Dreamweaver CS4 - Manual (Page 50)

44 EXTENDING DREAMWEAVER CS4
Customizing Code view
About code coloring
Dreamweaver lets you customize or extend the code coloring schemes that you see in Code view so that you can add
new keywords to a scheme or add code coloring schemes for new document types. If you develop JavaScript functions
to use in your client-side script, for example, you can add the names of these functions to the keywords section so that
they display in the color that is specified in the Preferences dialog box. Likewise, if you develop a new programming
language for an application server and you want to distribute a new document type to help Dreamweaver users build
pages with it, you could add a code coloring scheme for the document type.
Dreamweaver provides the JavaScript function dreamweaver.reloadCodeColoring() , which enables you to reload
code coloring XML files that might have been edited manually. For more information on this function, see the
Dreamweaver API Reference.
To update a code coloring scheme or add a new scheme, you must modify the code coloring definition files.
Code coloring files
Dreamweaver defines code coloring styles and schemes in XML files that reside in the Configuration/CodeColoring
folder. A code coloring style file defines styles for fields that are defined in syntax definitions. It has a root node of
. A code coloring scheme file defines code coloring syntax and has a root node of .
The code coloring style file that Dreamweaver provides is Colors.xml. The code coloring syntax files that Dreamweaver
provides are CodeColoring.xml, ASP JavaScript.xml, ASP VBScript.xml, ASP.NET CSharp.xml, and ASP.NET
VB.xml.
The following excerpt from the Colors.xml file illustrates the hierarchy of tags in a code coloring style file:
Colors are specified in red-green-blue (RGB) hexadecimal values. For example, the statement text="009999" in the
preceding XML code assigns a blue-green (teal) color to the ID "CodeColor_JavascriptNative" .