ceylon/ceylon-web-ide-backend — Issue #12: Editor change
Author: chochos
Created: 2012-03-01 18:25:51+00:00
State: open
Labels: feature

The page originally uses ACE editor http://ace.ajax.org/ but it has no documentation and it's been practically impossible to implement hoverhelp with it.

I tried CodeMirror http://codemirror.net/ and I could make hoverhelp work with it (although the text doesn't show near the pointer, but in a field below the source code). It also shows error messages with underlined text and has practically the same features. I think autocomplete will also be easier to implement in this one.

You can test the `codemirror` branch to see the hoverhelp in action. Select an example and hover over any class names or language module functions, method names, etc to see its doc. Or write your own code and compile it; after compilation, hover over any language module elements to see their docs.

I modified the javascript syntax highlighting to match the Ceylon keywords, but I haven't really looked into it to know how to hightlight class names (I guess anything starting with a capital, like the Ceylon highlighting that was done with ACE).

If everyone agrees then we can move to CodeMirror instead of ACE.