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 the editor instance. I need to find its instance on demand. How to get and set its value? I am open for suggestions for any better editor than ACE editor which will support almost all types of language/markup/css etc and highly integrated with jQuery . Mrchief Per their API : Markup: <div id="aceEditor" style="height: 500px; width: 500px">some text</div> Finding an instance: var editor = ace.edit(

After following the setup for autocompletion with Ace Editor , I have it working with react-ace . However, I need some custom tokens to be available in the built-in autocomplete list. The repository for react-ace has these properties defined as enableBasicAutocompletion: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]), enableLiveAutocompletion: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]), but what is this array ? I have tried setting enableBasicAutocompletion={ ['custom'] } , and enableBasicAutocompletion={ [ (...args) => console.log(args) ] } but both fails with an error

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. 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