EditArea è un modo diverso di utilizzare le funzioni di editing online permesse dall’HTML. Questa tecnica, utilizzata il più delle volte per creare Editor WYSIWYG, viene sfruttata in questo caso per fornire un vero e proprio editor di codice.
Un normale campo TextArea viene trasformato in un vero e proprio editor con la possibilità di formattare il testo, cercare e sostituire parole e ottenere una colorazione del codice in tempo reale. Tra le sue caratteristiche notiamo:
- Integrazione semplicissima tramite un solo script Javascript e una sola chiamata ad una funzione di patch.
- Supporto della tabulazione
- Cerca e sostituisci con regexp
- Supporto della colorazione del codice per: PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, Pascal, Basic, Brainf*ck
- Auto-indentazione delle nuove linee
- Numerazione linee di codice
- Supporto multilingua: Croato, Danese, Inglese, Francese, Tedesco, Italiano, Giapponese, Polacco, potoghese)
- Supporto per gzip
- Multiple istanze
- Fullscreen
- Ridimensionamento della finestra in tempo reale
- Possibilità di estendere le caratteristiche tramite plugin
- Save e Load callback
- Lavora con prototype e mootools
Un esempio di come usarlo:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | editAreaLoader.init({ id: "exemple_3" // id of the textarea to transform ,start_highlight: true ,font_size: "8" ,font_family: "verdana, monospace" ,allow_resize: "y" ,allow_toggle: false ,language: "fr" ,syntax: "css" ,toolbar: "new_document, save, load, |, charmap, |, search, go_to_line, |, undo, redo, |, select_font, |, change_smooth_selection, highlight, reset_highlight, |, help" ,load_callback: "my_load" ,save_callback: "my_save" ,plugins: "charmap" ,charmap_default: "arrows" }); |
Loading ...
4
ho risolto impostando [cc_objc] //OptionViewController.m -...
Non ci sono commenti per questo Post
Lascia un commento