How do I use beautify in Ace Editor?

ace-editor
1.21 gigawatts picture 1.21 gigawatts · Aug 2, 2015 · Viewed 21k times · Source

I've found the beautify extension in Ace editor but I don't see any examples of how to use it. Here's what I have so far: 

var beautiful = ace.require("ace/ext/beautify");
beautiful.beautify();

but I get the error:

Result of expression 'e' [undefined] is not an object.

Answer

1.21 gigawatts picture 1.21 gigawatts · Aug 2, 2015

It looks like this works: 

var beautify = ace.require("ace/ext/beautify"); // get reference to extension
var editor = ace.edit("editor"); // get reference to editor
beautify.beautify(editor.session);

It requires that you pass in the Ace Editor session as the first parameter. In my original question I did not pass in any variables and that was throwing an error.

Note: It did not work well which were mentioned on the extensions release notes. It was not working well enough to use.

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