CodeMirror improvements for UmpleOnline - Highlighting

[GoogleCodeExporter]

I would like to see the UmpleOnline text editor enhanced to highlight the 
following:

1. State definitions and constant values in dark blue.

2. Event names (state transitions) in dark red and method names in pink;

3. Destination states of transitions in light blue

4. The names of classes, in dark green and references to classes in light green.

5. Attributes names and stateMachines in some other colour that is not too 
bright and doesn't conflict with the above,

This would be done by creating an overlay parser or parsers, as shown: 
http://codemirror.net/demo/mustache.html

Make sure this works with enumerations too, which are degenerate state machines.

You would have to parse declarations of classes finding elements that are, for 
example,state machines and states, and then highlight then. Remember: It will 
be necessary to highlight substate names that could be nested deeply.

Note I am going to add another issue that deals with syntax assistance too, 
which could be done at the same time as this.

Original issue reported on code.google.com by TimothyCLethbridge on 8 Aug 2012 at 6:46

[GoogleCodeExporter]

Original comment by TimothyCLethbridge on 31 Dec 2012 at 5:57

• Changed state: Accepted

[GoogleCodeExporter]

Original comment by TimothyCLethbridge on 8 Jul 2013 at 3:16