Ace: Paths for .setTheme/.setMode

[ghost]

Running editor.setTheme('libs/ace/theme/twilight') will look for theme-twilight.js in the root folder.

I tried looking at the documentation without finding any help.

[ghost]

Also, the workers, are they required for any languages, or is there an option to turn them off?
Again, found no solution to this in the docs.

[ghost]

After searching for a good while I found these two:

ace.config.set('basePath', '/libs/ace');
editor.getSession().setUseWorker(false);

[Quixomatic]

You are a hero, needed that basePath property and had been looking for days. Thank you.

[joh-klein]

For future reference, this is a complete example (modeled after the embedding example on the official ace website) for having ace.js somewhere else (I had it concatenated into a libs.min.js):

<script src="libs.min.js" type="text/javascript" charset="utf-8"></script>
<script>
    ace.config.set('basePath', '/ace-builds/src-noconflict');
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/monokai");
    editor.getSession().setMode("ace/mode/javascript");
</script>

[efatsi]

For anyone who struggles to get this to work in production environments, I've found that not only setting basePath, but also setting modePath and themePath are sometimes necessary for loading modes and themes:

ace.config.set('basePath', '/ace-builds/src-noconflict');
ace.config.set('modePath', '/ace-builds/src-noconflict');
ace.config.set('themePath', '/ace-builds/src-noconflict');

[PrabakarKaruppasamy]

@efatsi Can u please share with me how can we do it angular 6 project with https://github.com/fxmontigny/ng2-ace-editor . I am also facing the same issue.

[efatsi]

Sorry @PrabakarKaruppasamy, I don't have any angular experience. good luck!

[manuchadha1979]

@PrabakarKaruppasamy - were you able to make it work mate? Any change you could look at https://stackoverflow.com/questions/60177855/theme-and-mode-path-infer-issue-with-ace-js-and-angular