How do I embed, and USE, the ace editor?

szboardstretcher · 10-16-2013, 08:19 PM

edit: don't use ACE unless you are a javascript expert. I found this alternative that does exactly what i want:

https://github.com/Codiad/Codiad.git

---end edit---

http://ace.c9.io/

This is an editor. It can be embedded. I have done that. Its nice. But it's useless right now.

I have been looking, on and off, for a week for an example that shows how to OPEN and SAVE a file.

This example does not exist as far as i can tell. The documentation just assumes that you are going to copy and paste words into the editor, then copy and paste them out and save them some other way. They don't mention saving or loading AT ALL.

Does anyone explain how to do this like im a 5 year old? I just want to open an existing file on the server, then using POST or whatever, save the file to the server.

editor.html

Code:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Editor</title>
  <style type="text/css" media="screen">
    body {
        overflow: hidden;
    }
    
    #editor { 
        margin: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
  </style>
</head>
<body>

<pre id="editor">
apparently this is where the text goes,..

How do i get it here without statically writing it,.. and how do i save the changes?

</pre>
    
<script src="js/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/twilight");
    editor.getSession().setMode("ace/mode/sh");
</script>

</body>
</html>

sag47 · 10-17-2013, 01:02 PM

You may not like it but there's no simple answer to this question. One way to implement it is to build your own REST API with a server side application which exposes certain limited file based interactions with the editor via an API. Then you could use ajax to query and post data to said API. The API could be storing files in a number of ways (file based on the filesystem, or text in a database). But it will require a little bit of elbow grease to get it done.

You would also have to define and refine your requirements because discovering said API would be easy to do so implementing it in a secure and sane manner is recommended so that your API does not become a hot bed of malware hosted applications using your API for their own purposes.

I see you've found an alternative that works for you however I wanted to answer in case someone wanted some ideas to use with ACE.