IceBeat

Muchos de nosotros que tenemos CMS estamos acostumbrados a pasarlas canutas editando el código de las plantillas con los textarea. Siempre tenemos la manía horrorosa de tabular el contenido y claro yo en mi caso siempre me salgo del foco.
Autocompleter.Editor resuelve este problema y muchos otros más. Es un script JS basado en el autocompleter de script.aculo.us y en un este que tabula el código.

Este editor crea snippets al estilo textmate, es decir, escribiendo una palabra clave y dando al tabulador conseguimos un remplazo de código. También lo dota de tooltips informativos cuando pulsamos ESC y de un autocompletado en caso que el carácter coincida con los tokens del lenguaje.

Para esta primera versión he escrito el lenguage.CSS que básicamente contiene los snippets y los token necesarios para escribir CSS rápido y cómodo.

Aconsejo ver el archivo language.CSS.js para ver los snippets y los token pero os pongo un par de ellos para que entendáis mejor el concepto.

Estos funcionan cuando tabulamos:

1. { cierra el corchete y hace un salto de linea
2. ; hace un salta de linea y tabula
3. : muestra un listado de pseudoclasses
4. m muestra un listado para elegir propiedad
5. margin muestra un listado para especificar propiedad

Estos cuando coincide los tokens:

1. a: muestra un listado con las pseudoclasses
2. display: muestra un listado de variables
3. @ muestra un listado de reglas arroba

Hay que tener en cuenta que el listado que sale cuando coinciden los token es de 5, pero al escribir podremos apurar más la búsqueda.

Ver Autocompleter.Editor

Quien se anima a escribir más lenguajes?.

Update: Ahora más friki todavía.

Puedes aplicar funciones a la selección del texto. Para verlo en acción tienes que seleccionar texto y pulsar ctrl+shift+(un numero del 0 al 9), por ahora solo hay 3 ejemplos.
Puedes pulsar el numero 1 para desplegar un tooltip o directamente aplicar el uppercase o el lowercase con el 9 o el 0.

Nota: En IE no funciona.