EditArea: editor de código fuente para un textarea

1 COMENTARIO - Publicado hace 26 meses - Clasificado en: JAVASCRIPT, UTILIDADES

EditArea es un editor Javascript gratuito para código fuente. Ojo! no es un editor WYSIWYG. Este editor está diseñado para editar el código fuente dentro de un textarea. El principal objetivo es permitir dar formato al texto, la función buscar/reemplazar y resaltar la sintaxis en tiempo real.

Características:
- Fácil de integrar, incluir sólo un script y una llamada a la función
- Soporte de tabulación (permite dar un buen formato al código)
- Buscar y reemplazar (con regexp)
- Personalizable resaltado de sintaxis en tiempo real (en la actualidad: PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, Pascal, Basic, Brainf * ck)
- Auto-sangrado de nuevas líneas
- Numeración de líneas
- Multilenguaje (en la actualidad: croata, danés, Inglés, francés,
- Permite múltiples instancias
- Modo de pantalla completa
- Pueden trabajar en el mismo entorno de "protype" y "mootools"

En la web oficial se puede descargar el editor y consultar varios ejemplos de uso. Básicamente se trata de incluir el editor:

<script language="Javascript" type="text/javascript" src="edit_area_full.js"></script>

e inicializarlo para el textarea que queramos configurar como editor

<script language="Javascript" type="text/javascript">	
editAreaLoader.init({
      id: "Ejemplo" // id del textarea a transformar      
      ,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"                  
});
</script>

EditArea » »

Vía Ajaxian » »

Algunas entradas relacionadas: