Nueva Utilidad: Card Learn 💻 - Code Editor ✍

Una imagen previa de este pequeño componente

¡Hola a todos!, les presento una simple y pequeña utilidad la cual puedes incorporar en tu aplicación o sitio web, su propósito es brindar un entorno en el cual el usuario puede repasar las notas creadas y adjuntar código en ella, además de agregar un editor interactivo de Javascript, el cual esta estilizado usando Prism.

Problema:

Recientemente estuve estudiando más sobre el desarrollo web, principalmente JS y CSS. DOM(Document Object Model) fue muy interesante de usar, me gusto, por lo que entonces recordé, que hace unos meses tuve la idea de crear un editor de código simple, entonces mientras iba experimentando cómo funcionaba el DOM, noté que podría crear un editor con ello y además crear una herramienta que puede ayudarte a estudiar, dejando notas sobre conceptos o funciones de la tecnología

HTML provee de elementos para el recibo de datos, como el texto, esto sería un reto para lo que estoy estudiando, y entonces me decidi a realizarlo, puesto que, los conocimientos aprendidos florecen al aplicarlos.

--- 

Y al parecer necesitaba darle colores a la fuente, esto es tema de gustos, además, se resaltaría el código a diferencia de otro contenido, por ello, al buscar alguna herramienta que me ayude con ello, 'un Prism salvaje había aparecido'.

Fue muy cómodo y de acabado bonito, recomendaría usarlo si buscas cumplir algún objetivo similar, lo añadí a esta utilidad :)

¿A ti también te gustaría crear tu propio editor de código?

Estoy seguro de que tiene limitaciones, puesto que solo ejecuta JS, sin embargo, puedes personalizarlo a tus gustos y maneras, el fin es dar un apoyo 😉. 

Vea todos los detalles aquí:

Card Learn 💻 - Editor Code ✍

Se parte de esta utilidad reportando errores o mejorándola 😀