CODEWITHSUNDEEP
javascriptsyntax-highlightingcloud9-ideace-editor
alessioalex
alessioalex

Reputation: 63673

How can I highlight multiple lines with Ace?

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?

Upvotes: 6

Views: 8680

Answers (1)

a user
a user

Reputation: 24104

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

Upvotes: 18

Related Questions