How can I highlight multiple lines with Ace?

javascript syntax-highlighting cloud9-ide ace-editor
alessioalex picture alessioalex · Apr 15, 2013 · Viewed 7.3k times · Source

The old method mentioned in similar questions here is the following:

var editor = ace.edit("editor");
var Range = ace.require('ace/range').Range;
editor.setReadOnly(true);
editor.setTheme("ace/theme/github");
editor.getSession().setMode("ace/mode/javascript");
editor.getSession().addMarker(new Range(1, 0, 15, 0), "ace_active_line", "background");

Unfortunately it doesn't work, as you can see here:

http://jsbin.com/acotuv/1/edit

Any suggestions?

Answer

a user picture a user · Apr 15, 2013

seems like signature of the addMarker function was changed 

var Range = ace.require('ace/range').Range // get reference to ace/range
...
editor.session.addMarker(
    new Range(1, 0, 15, 0), "ace_active-line", "fullLine"
 );`

works fine, see http://jsbin.com/acotuv/3/edit

Related questions

How can I highlight code with ACE editor?

I'd like to syntax highlight more than a dozen small snippets of code and then make them editable with ACE Editor by clicking on them, since I think it would be much faster than setting up the full editor for …

Read More
HTML5 rich-text inside textarea

I heard that the new HTML5 will add rich text capability to textareas (it will make them more flexible), so you can do stuff like code syntax highlighting editors without very nasty javascript (like creating iframes and stuff). Is this …

Read More
Syntax highlighting code with Javascript

What Javascript libraries can you recommend for syntax highlighting <code> blocks in HTML? (One suggestion per answer please).

Read More