ColdFusion Builder - HTML Colorization

Author: sandeepp  |  Category: ColdFusion Builder, Colorization  |  Comments (3)  |  Add Comment

In ColdFusion Builder HTML colors can be customized through Preferences->HTML-Editors->HTML->Colors preference page.

HTML colorization affects all HTML tags in a generic way and to set color for individual tags (like Table or Form tags) is not possible.

Here is colorization file to change HTML colors similar to that of Dreamweaver. Since all Dreamweaver colorization option are not exactly mapped to HTML colorization, it tries to match Dreamweaver html colorization as much as possible.

To use this navigate to HTML color preferences and click import button. Point ColdFusion Builder to this .col file and hit apply. That’s it!!

Understanding Default colorization for HTML Tags:

By default angular Braces for HTML tags are colorized differently than tag name. Apart from these most options are straight forward, and should be easy to change through HTML Color Preferences.

Here is how you customize colorization for angular braces around html tags.

1) Select HTML->Editors->HTML->Colors in preferences
2) Expand “Punctuator” node, Select Start Tag.
3) With Start Tag entry selected expand region colorization section below.
4) Change two entries “Tag_part” and “Name_part” to color of your choice.
5) Click apply to notice changes in any currently open file with html code.

Follow similar steps for “Punctuator” End tag entry to colorize html end tag.

Understanding  region colorization:

Regions are used to further break down any known token into number of parts. For eg.  for start tag (”<table>”) you can define 3 different regions as “<” , “table” “>” and colorize them differently.
Any tag with defined region for them have a small bar in front of their entry in token section.
Attached is screen shot which shows start tag with region colorization defined for it.
Also notice small bar in front of start tag to indicate the same.

Tags: , , ,

3 Responses to “ColdFusion Builder - HTML Colorization”

  1. Robert Rawlins Says:

    Very good tip, I’ve been looking for a way to manage the colourization of the code! Very cool.

    Rob

  2. Shloime Henig Says:

    Hi,

    Thank you for the post. Setting up the code colors in CFBuilder seem extremely complicated. I would like to set the colors to be similar to my current environment in CF Studio. I would like to have the HTML ‘Table’ tag and all its attributes in green (the attribute values in blue) and the HTML ‘Form’ tag and all its attibutes in orange. I’m able to do this with no major effort in CFEclipse but can’t figure it out in CFBuilder. Any help would be greatly appreciated it.

    Shloime

  3. sandeepp Says:

    Hi Shloime,
    HTML color preferences don’t have option to colorize individual tags. Colorization applies to all html tags in a generic way.

Leave a Reply