Using ACE as a file (directions on the Wiki no longer works) #4971

anonimo82 · 2022-10-20T18:22:49Z

anonimo82
Oct 20, 2022

Hello everyone.
I tried following this: https://github.com/ajaxorg/ace/wiki/Running-Ace-from-file
but ACE won't load properly (I only get a text with the code which should be the placeholder).
Is it there any new method to run ACE without server?

Thanks for any help.

P.S.: I'm using latest version, downloaded today (1.5.0)

Answered by nightwing

Oct 20, 2022

Which file do you open and what error do you see in browser console? I am always using this method for development.

View full answer

nightwing · 2022-10-20T18:26:45Z

nightwing
Oct 20, 2022
Maintainer

Which file do you open and what error do you see in browser console? I am always using this method for development.

0 replies

anonimo82 · 2022-10-20T18:30:33Z

anonimo82
Oct 20, 2022
Author

Here is my code:

<!DOCTYPE html>
<html lang="en">
<head>
<title>ACE in Action</title>
<style type="text/css" media="screen">
    #editor { 
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
</style>
</head>
<body>

<div id="editor">&lt?php
echo("Worx!");
?&gt
</div>
    
<script src="/ace-builds/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="/ace-builds/src-min-noconflict/ext-language_tools.js"></script>
<script>
    ace.require("ace/ext/language_tools");
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/monokai");
    editor.session.setMode("ace/mode/php");
    editor.setOptions({
 	   enableBasicAutocompletion: true
	});
</script>
</body>
</html>

And here is my result:

<?php echo("Worx!"); ?>

4 replies

anonimo82 Oct 20, 2022
Author

Note I actually see the editor if I use an Apache Web Server to delivery the code

nightwing Oct 20, 2022
Maintainer

Only relative paths work this way.

anonimo82 Oct 20, 2022
Author

What do you mean?

anonimo82 Oct 20, 2022
Author

Nevermind, I removed the leading slash from these lines:

<script src="/ace-builds/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="/ace-builds/src-min-noconflict/ext-language_tools.js"></script>

Changing them to

<script src="ace-builds/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="ace-builds/src-min-noconflict/ext-language_tools.js"></script>

And now everything works alright!

Thanks a ton for your advice!!!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Using ACE as a file (directions on the Wiki no longer works) #4971

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 2 comments 4 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Select a reply

Using ACE as a file (directions on the Wiki no longer works) #4971

anonimo82 Oct 20, 2022

Replies: 2 comments · 4 replies

nightwing Oct 20, 2022 Maintainer

anonimo82 Oct 20, 2022 Author

anonimo82 Oct 20, 2022 Author

nightwing Oct 20, 2022 Maintainer

anonimo82 Oct 20, 2022 Author

anonimo82 Oct 20, 2022 Author

anonimo82
Oct 20, 2022

Replies: 2 comments 4 replies

nightwing
Oct 20, 2022
Maintainer

anonimo82
Oct 20, 2022
Author

anonimo82 Oct 20, 2022
Author

nightwing Oct 20, 2022
Maintainer

anonimo82 Oct 20, 2022
Author

anonimo82 Oct 20, 2022
Author