Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

like image 779
alessioalex Avatar asked Apr 15 '13 21:04

alessioalex


1 Answers

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

like image 54
a user Avatar answered Sep 22 '22 22:09

a user