Newsgroup: it.comp.lang.javascript
Titolo: installazione Ace

Ho scaricato l'ultima versione da qui: 
https://github.com/ajaxorg/ace
 
 
Ho provato ad installarlo creando un file html, ed inserendoci questo 
codice:
 
     <div id="editor">some text</div>
     <script src="ace/ace.js" type="text/javascript" 
charset="utf-8"></script>
     <script>
         var editor = ace.edit("editor");
     </script>
 
ma mi compaiono questi errori
 
Uncaught ReferenceError: define is not defined ace.js:39
Uncaught ReferenceError: ace is not defined index.htm:4
 
Purtroppo sono ai primi approcci nell'utilizzo di questi strumenti, per 
cui mi farebbe piacere avere anche qualche info generale sul relativo 
utilizzo.

 utilizzo.
 
Hope it helps.
 

 probabile che non si veda un tubo.
 
ok adesso devo un po' studiare...
Non sono riuscito ancora a capire come far comparire l'editor vero e proprio
 

 proprio
 
Basta quello che ti ho detto. Se vedi la pagina bianca, e non ci sono
errori, probabilmente è perché il div ha dimensioni zero. Quindi devi
dargli una width e height tramite CSS (o style inline).

 dargli una width e height tramite CSS (o style inline).
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>
 
<body>
 
     <div id="editor" width="600" height="100">some text</div>
     <script src="src/ace.js" type="text/javascript" 
charset="utf-8"></script>
     <script>
         var editor = ace.edit("editor");
     </script>
 
     <script type="text/javascript">
         var a=b;// 'b' � una variabile non definita (dovrebbe essere 
generato un errore)
     </script>
 
     <?php
         $a=$b;// '$b' � una variabile non definita (dovrebbe essere 
generato un errore)
     ?>
 
</body>
</html>
 
 
Come vedi un paio di errori ci sono: un JS, uno PHP.
Ma l'editor dov'�?

 Ma l'editor dov'�?
 
Anche se gli errori non ci fossero, che potrebbero impattare sulla
corretta esecuzione della pagina, non hai impostato width/height. Quindi
anche se l'editor c'�, non si vede.
 


 
OK, adesso ho sistemato lo stile, e la visualizzazione č corretta.
Perň non sono riuscito ad arrivare ancora all'atto pratico, cioč:
 
Sul mio sito ho questo file: 
http://miosito/abc/123/test.php
 
 
Lo voglio quindi:
 
- aprire (caricare nell'editor)
- editare
- salvare
 
Come si fa?

 Come si fa?
 
Tutto questo non ha nulla a che vedere con ACE. Quello che tu chiedi lo
devi fare a prescindere – potresti benissimo usare una textarea banale.
 
ACE è, come viene descritto su github, il componente visuale
dell'editor, che ti permette di avere tutta una serie di funzione che
normalmente avresti in un editor tipo TextMate, Sublime Text, Emacs o Vim.
 
Quindi i passaggi che hai elencato, devi farli a prescindere da come
poi, sul client, il file viene presentato. Quindi accantona ACE per un
attimo, quello che ti serve fare è:
 
- Impostare il contenuto di un file in una textarea (a quel punto è
editabile)
 
- Inserire un pulsante per il salvataggio, che fa una richiesta HTTP al
tuo server a una pagina PHP (visto che sembra tu utilizzi PHP) per
salvare tale contenuto da qualche parte.
 
Tutte queste cose le puoi ottenere anche senza JavaScript, usando una
form normalissima. Al più, con JS, puoi evitare di far cambiare pagina
al browser inviando i dati usando XMLHttpRequest.
 
Una volta che hai questa "struttura", puoi tornare ad usare ACE,
applicandolo sopra la textarea (come da esempi), per avere syntax
highlight e via dicendo.
 

 highlight e via dicendo.
 
adesso ho le idee più chiare ;)


Date le conversazioni precedenti, sull'editing di file PHP del tuo sito,
pensavo che la textarea – e sistema di salvataggio annesso – tu ce
l'avessi già, e che dovevi solo puntare alla riga dove c'era l'errore e
via dicendo – tramite ACE.