Ace Editor - Go to line

javascript ace-editor
M Miller picture M Miller · May 20, 2014 · Viewed 7.5k times · Source

I'm trying a fairly simple operation with Ace Editor: having the editor jump to a particular line. I can't get it to work, though!

See this jsFiddle: http://jsfiddle.net/Xu9Tb/

var editor = ace.edit('editor');

editor.scrollToLine(50, true, true, function () {});
    // Doesn't do anything at all

editor.gotoLine(50, 10, true);
    // Will move the caret to the line, but it will not scroll
    // to the editor to the line if it's off screen

Any advice?

Thanks.

Answer

M Miller picture M Miller · May 20, 2014

There appears to be a bug in the current version of Ace Editor. If you manually call editor.resize(true), it will recalculate the height and the scrolling functions work correctly:

var editor = ace.edit('editor');
editor.resize(true);

editor.scrollToLine(50, true, true, function () {});

editor.gotoLine(50, 10, true);

http://jsfiddle.net/Xu9Tb/1/

Related questions

How do I make a textarea an ACE editor?

I'd like to be able to convert specific textareas on a page to be ACE editors. Does anyone have any pointers please? EDIT: I have the the editor.html file working with one textarea, but as soon as I add …

Read More
How do I get value from ACE editor?

I am using ACE editor for the first time. I have the below questions related to it. How do I find the instance of ACE editor on the page? I don't want to maintain a global variable which will hold …

Read More
Automatically adjust height to contents in Ace Cloud 9 editor

I'm trying to add the Ace editor to a page, but I don't know how to get the height to be set automatically based on the length of its contents. Ideally it would work so when the content changes the …

Read More