<pre id="editor">var editor = ace.edit("editor");

editor.setTheme("ace/theme/twilight");

(function () {

var modelist = ace.require('ace/ext/modelist');

// the file path could come from an xmlhttp request, a drop event,

// or any other scriptable file loading process.

// Extensions could consume the modelist and use it to dynamically

// set the editor mode. Webmasters could use it in their scripts

// for site specific purposes as well.

var filePath = 'blahblah/weee/some.js';

var mode = modelist.getModeFromPath(filePath).mode;

console.log(mode);

editor.getSession().setMode(mode);

}());