Editor di codice: tasti, margine, colorazione e completamento
L'editor della pagina Scripting è una textarea trasparente sopra un margine sincronizzato e uno strato colorato. Aggiunge numeri di riga, tasti di indentazione, colori della sintassi e un elenco di completamento dell'API senza portarsi dietro una libreria di editing.
Senzoukria · Documentazione · Aggiornato a settembre 2026
Dove trovarlo
- Dove
- Pagina Scripting → la superficie di editing centrale
- Unità di indentazione
- Due spazi — gli stessi degli script di esempio e dell'output dell'assistente
- Controllo ortografico
- Disattivo
- Fonte del completamento
- lib.* in JavaScript, of.* in Python — è il linguaggio a decidere quale elenco viene offerto
- Nome accessibile
- «Codice sorgente dello script»
Che cosa fa
Una textarea semplice perde il Tab a favore della navigazione fra i campi, non mostra numeri di riga e non offre scorciatoie — tre cose che contano appena scrivi uno script vero. Questo editor mantiene il comportamento di digitazione nativo del browser (selezione, annulla, IME, accessibilità) e ci aggiunge attorno le parti mancanti: un margine che scorre con il testo, uno strato colorato sotto e un elenco di completamento.
Il margine segna la riga del cursore, e la riga riportata da un'esecuzione fallita è evidenziata in rosso, così «Riga 23» dalla console punta a qualcosa che puoi vedere.
Tasti
| Tasto | Predefinito | Che cosa cambia |
|---|---|---|
| Tab | inserisce due spazi | Su una selezione di più righe indenta invece l'intero blocco. |
| Maiusc+Tab | — | Toglie un livello di indentazione dalla riga o dal blocco selezionato. |
| Invio | mantiene l'indentazione | Mantiene l'indentazione della riga corrente e ne aggiunge un livello dopo una riga che apre un blocco. |
| Ctrl/Cmd+S | — | Salva lo script. |
| Ctrl/Cmd+Invio | — | Esegue lo script sui dati di esempio. |
| Freccia su / giù | — | Si sposta nell'elenco di completamento mentre è aperto. |
| Invio o Tab (elenco aperto) | — | Accetta il completamento evidenziato, sostituendo il prefisso digitato. |
| Esc | — | Chiude l'elenco di completamento senza inserire nulla. |
Colorazione e completamento
- Il tokenizzatore fa una sola passata, carattere per carattere, ed emette classi CSS invece di colori, così la palette vive con i design token del prodotto e segue il tema.
- Gli insiemi di parole chiave sono per linguaggio: JavaScript, Python e C++ hanno ciascuno i propri.
- L'elenco di completamento offre le funzioni di calcolo condivise fra i due linguaggi — sma, ema, wilder, stdev, highest, lowest, rsi e atr — più i costruttori di output del linguaggio dichiarato.
- I costruttori di output JavaScript sono line, histogram, markers, levels, table e panel. Python ha gli stessi sei più bands, un unico marker() e un unico level(), e prende time come primo argomento invece di bars.
- Ogni completamento è trascritto dal codice che lo implementa, mai scritto a memoria: un completamento sbagliato insegnerebbe un'API che non esiste.
Limiti e trappole
- Lo scorrimento chiude di proposito l'elenco di completamento: un elenco posizionato in modo assoluto finirebbe altrimenti per puntare a un'altra riga di codice.
- Non esistono piegatura del codice, cursori multipli né language server: è un editor piccolo per scelta e non aggiunge peso al bundle.
- Lo strato colorato e la textarea devono condividere le stesse metriche. Se sovrascrivi i caratteri o la spaziatura in un tema personalizzato, i colori possono scostarsi dal testo digitato.
Pagine correlate
- Panoramica della pagina Scripting
- Console degli script e anteprima degli output
- Scripting: scrivere un indicatore (JavaScript)
- Scripting
Questa pagina in altre lingue
Domande frequenti
- Perché il completamento offre of.* in uno script e lib.* in un altro?
- L'elenco segue il linguaggio dichiarato dello script. Gli script JavaScript costruiscono gli output tramite lib, quelli Python tramite of, e offrirli entrambi insegnerebbe metà di un'API che nel file che stai scrivendo non esiste.
- Posso usare l'indentazione a quattro spazi?
- Puoi digitarla, ma il Tab inserisce due spazi, cioè quanto producono gli script di esempio e l'assistente. Mescolare le due in un file Python è la causa più comune di un errore di indentazione.
- L'editor convalida il codice mentre scrivo?
- No. La convalida avviene quando esegui: l'esecuzione riporta la riga che fallisce, e quella riga viene poi evidenziata nel margine.