EditArea - Un editor javascript de codigo fuente

EditArea es un editor gratuito hecho en javascript para resaltar el codigo fuente y hacerlo mas facil de trabajar. Lo unico que hay que hacer es agregar el script en el header de nuestra pagina, e indicarle cual es el textarea del cual va a tomar el codigo y transformarlo en un editor.

<script language="javascript" type="text/javascript" src="/editarea/edit_area/edit_area_full.js"></script>
<script language="javascript" type="text/javascript">
editAreaLoader.init({
id : "textarea_1"		// id del textarea
,syntax: "css"			// sintaxis que sera usada para el resaltado
,start_highlight: true		//  para mostrar con el resaltado al iniciar.
});
</script>

EditArea

Características

  • Fácil de integrar, sólo hace falta incluir un script y llamar una funcion.
  • Soporte para Tabulacion(permite escribir codigo fuente bien formateado).
  • Buscar y reemplazar(con regexp).
  • Resaltado de sintaxis presonalizable en tiempo real (actualmente: PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, Pascal, Basic, Brainf*ck)
  • Auto-indentado de nuevas lineas.
  • Numeración de líneas.
  • Soporte de Multiples lenguajes (actualmente: Croata, Danish, Inglés, Francés, German, Italiano, Japonés, Polish, Portugués).
  • Posibilidad de compresion gzip con PHP (comprime los 12 archivos principales en un solo archivo de ~20KB).
  • Permite multiples instancias.
  • Mode de pantalla completa.
  • Posible integración de plugins.
  • Posibilidad de usar funciones callback de cargar y guardar.
  • Posibilidad de administrar contenido dinámico.
  • Puede trabajar en el mismo entorno con "protype" y "mootools".

Pueden ver el demo aquí.

Apoya al Blog

Inicio de sesión

A chatear

Dreamhost