Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información. Aceptar

CodeMirror un editor de código Open Source para el navegador

Jesús Lucas
CodeMirror un editor de código  Open Source para el navegador

CodeMirror es un editor de código fuente que funciona en el navegador , ya que está implementado en JavaScript . Trae soporte para numerosos lenguajes de programación y addons para añadirle funcionalidades de edición más avanzadas. Tienes disponible una API de programación y temas CSS para personalizar CodeMirror a tu aplicación, y extenderlas para añadirles nueva funcionalidad.  Puedes ver una demo de CodeMirror en su web oficial: http://codemirror.net/ CodeMirror es Open Source , está liberado bajo una licencia MIT . El desarrollo y el seguimiento de los bugs se realizan a través de la página del proyecto en Github Para implementarlo en tu proyecto solo debes descargar la última versión y echar un vistazo al siguiente código:

<!-- Create a simple CodeMirror instance --><script src="lib/codemirror.js"></script><script>// <![CDATA[
var editor = CodeMirror.fromTextArea(myTextarea, {     mode: "text/html"   });
// ]]></script>


Principales Carácteristicas de CodeMirror

CodeMirror está soportado por todos los navegadores actuales que soporten HTML5: Firefox desde la versión 3, Chrome en cualquiera de sus versiones, Safari desde la versión 5.2, Internet Explorer desde la versión 8, Opera desde la versión 9. Captura de pantalla de 2014-05-09 09:57:40 A continuación te dejo una lista de sus principales características:

  • Soporta hasta 60 lenguajes de programación por defecto.
  • Autocompletado (XML).
  • Replegado de Código.
  • Asociaciones de teclas configurables.
  • Asociaciones de Vim , Emacs y Sublime Text soportadas.
  • Interfaz de buscar y reemplazar.
  • Emparejamiento de llaves y etiquetas.
  • Integración con Linter .
  • Posibilidad de usar distintos estilos de letra y tamaño s en el mismo editor.
  • Varios temas .
  • Posibilidad de redimensión para ajustarse al contenido.
  • Widgets Inline y Block
  • Interfaz completamente programable .
  • Posibilidad de crear zonas de texto de solo lectura.
  • y muchos otros métodos y addons ...

¿Quién lo está usando?

CodeMirror  es el editor usado en las herrmaienta para desarrolladores de Firefox y Chrome . También es el edito usado por Light Table , Adobe Brackets , Bitbucket y otros proyectos que seguramente conocerás, como por ejemplo:

  • CodeSchool
  • CodeAcademy
  • Codepen.io
  • jsfiddle.net
  • Emmet
  • y muchos más..

Comunidad

Como anteriormente te comenté, el proyecto se encuentra  en GitHub , donde puedes realizar tus aportaciones. Además dispone de una lista de correo y de noticias , asi como una wiki donde poder añadir tu proyecto.

Conclusiones

Se me ocurren multitud de usos para este editor de código. Solo debes dejar que tu imaginación y tu creatividad se encargue de encontrarle el uso adecuado. Por ejemplo podrías crear una interfaz de programación en la nube para tu equípo de desarrolladores, testeadores de código online, y muchas otras ideas que seguro se te ocurrirán.

Si te ha gustado el artículo no olvides compartirlo y suscribirte a nuestras novedades!

 

descargable-tutorial-sublime-text-3

Relacionado

Te dejamos una selección de cursos, carreras y artículos

28 herramientas open source imprescindibles

28 herramientas open source imprescindibles

Lenguajes de programación

26 de Octubre de 2016

A la hora de trabajar en un proyecto hay varios aspectos muy importantes que deben ser tenidos en cuenta. Uno de ellos es minimizar los costes; pero también es importante saber que las herramientas...

SourceForge vs GitHub vs Bitbucket vs GitLab

SourceForge vs GitHub vs Bitbucket vs GitLab

Metodologías y herramientas

05 de Mayo de 2016

Conoce las características de los mejores alojamiento de sistemas de control de versiones, comparativa entre SourceForge, GitHub, Bitbucket y GitLab.

Curso de Git, GitHub y Jekyll

Curso de Git, GitHub y Jekyll

curso

Con este curso aprenderás:

  • ¿Qué es el control de versiones?
  • Control de Versiones Centralizado y Control de Versiones Distribuido.
  • Instalación y configuración desde 0.

Duración: 4 horas y 14 minutos

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars