mySyntax es un editor de código versátil diseñado para que los desarrolladores agilicen las tareas de codificación. Admite dos modos principales: editor(lines) para manejar múltiples líneas de código y consola(line) para ejecutar líneas individuales de código, ofreciendo flexibilidad para varios escenarios de codificación. El editor tiene como objetivo proporcionar un entorno limpio y eficiente tanto para editar como para ejecutar código, con características que lo hacen fácilmente integrable en otras aplicaciones o sitios web.
Caracteristicas Descripción
Modos duales:

editor (líneas): admite edición de varias líneas, ideal para escribir scripts, funciones o cualquier bloque de código.

consola(line): Diseñado para la ejecución de código de una sola línea, útil para pruebas o comandos rápidos.
Interfaz personalizable: El editor permite una amplia personalización, incluido resaltado de sintaxis, temas y más.
Guardar configuración: Los usuarios pueden guardar sus configuraciones para evitar restablecer los valores al recargar, lo que hace que la experiencia del editor sea más personalizada y persistente.
Funciones Descripción
Editor (lines): Permite la edición de múltiples líneas de código, ideal para trabajar con bloques de código más grandes.
Consola (line): Modo de una sola línea, diseñado para la ejecución de comandos individuales o pruebas rápidas.
Editable (true): Permite al usuario modificar el contenido del editor.
No editable (false): Bloquea la edición del contenido, útil para visualizar código sin riesgo de modificarlo.
true: Activa un minimapa que ofrece una vista previa general del código, facilitando la navegación dentro de archivos largos.
false: Desactiva el minimapa.
dark: Activa el tema oscuro, que reduce la fatiga visual en ambientes con poca luz.
light: Activa el tema claro, adecuado para ambientes bien iluminados.
Selecciona el lenguaje de programación para habilitar la sintaxis adecuada dentro del editor, lo que facilita la escritura y el análisis del código.
Configura la tipografía utilizada en el editor, lo que puede mejorar la legibilidad o adaptar la apariencia del código según tus preferencias.
Ajusta el tamaño del texto en el editor para mejorar la comodidad visual, especialmente durante sesiones prolongadas de edición. 
<!-- Colocamos dentro de head -->
<link rel="stylesheet" href="https://mysyntax.ronaldbit.com/mysyntax.min.css" />

<!-- Colocamos en donde queremos que se ubique el editor -->
<div class="mySyntax" id="editor"></div> 

<!-- Colocamos dentro del body en la parte final -->
<script src="https://mysyntax.ronaldbit.com/mysyntax.min.js" ></script>
<script>
    const editor = document.getElementById('editor');
    const settings = {
        syntax: 'lines', // 'lines' para editor, 'line' para consola

        
        value: [
            'function saludo(name){',
            '\t console.log("hola "+name);',
            '}',
            'saludo();',
        ].join('\n'),

        
        
        edit: true,      // 'true' para editable, 'false' para no editable

        
        minimap: true,   // 'true' para mostrar minimap, 'false' para ocultar

        
        theme: 'dark',     // 'dark' o 'light'

        
        lang: 'js',        // 'js', 'html', 'php', 'text', 'python'

        
        font: 'monospace', // 'cursive', 'monospace', 'auto', 'sans-serif', etc.

        
        size: '14px'       // tamaño de la fuente, e.g., '13px', '14px'
    };
    mySyntax.create(editor, settings);
</script>


|-  vs 1.3.0 | 15/05/2024
    |- Funcionalidad: Guardado de Configuración
    |- Se implementó la opción de guardar la configuración personalizada del editor, 
        evitando que se pierdan los ajustes al recargar la página.
    |- Mejoras en la Interfaz de Usuario
    |- Se actualizaron los elementos de la interfaz para una mejor experiencia de usuario, 
        incluyendo mejoras en la visualización y la disposición de los controles.
        
|-  vs 1.2.0 | 01/05/2024
    |- Funcionalidad: Ajuste de Tamaño de Fuente
    |- Se añadió la capacidad de ajustar el tamaño de la fuente dentro del editor, 
        proporcionando mayor flexibilidad en la visualización del código.
    |- Optimización del Desempeño
    |- Se realizaron mejoras en el rendimiento general del editor, 
        optimizando la velocidad de carga y la respuesta del sistema al manejar grandes volúmenes de texto.
        
|-  vs 1.1.0 | 17/04/2024
    |- Funcionalidad: Modo consola
    |- Se introdujo el modo consola(line), que permite la ejecución de una única línea de código, 
        ideal para comandos rápidos y pruebas inmediatas.
    |- Funcionalidad: Personalización de Colores
    |- Se incorporó la funcionalidad para cambiar el color del texto y el fondo del editor, 
        ofreciendo a los usuarios la posibilidad de adaptar la interfaz a sus preferencias.

|-  vs 1.0.0 | 03/04/2024
    |- Funcionalidad: Modo editor
    |- Se implementó el modo editor(lines), que permite la edición de múltiples líneas de código dentro del editor.
    |- Funcionalidad: Personalización de Texto
    |- Se añadió la opción para cambiar el texto dentro de la configuración inicial.