Top 5: Los mejores Plugins de emulador de terminal (consola) para Javascript y jQuery

Top 5: Los mejores Plugins de emulador de terminal (consola) para Javascript y jQuery

Un componente de terminal (consola) ya construido para su proyecto puede ser útil cuando desee implementar un emulador de shell directamente desde el navegador para ejecutar comandos bash reales en su servidor o simplemente para ejecutar algunas acciones locales con Javascript.

La siguiente colección contiene 5 de los complementos de emulador de consola más importantes y fáciles de usar.

5. Javascript Sandbox Console 

Github

Javascript Sandbox Console Plugin

La consola js sandbox es un campo de juego de JavaScript diseñado para mejorar las demostraciones y las páginas de inicio de las bibliotecas, complementos y scripts de JavaScript, lo que brinda a los visitantes una forma fácil y relajada de probar la funcionalidad.

Caracteristicas

  • Historial de comandos arriba / abajo (como terminal), con almacenamiento / persistencia local.
  • Opción para evaluar todos los comandos dentro de un oculto <iframe>(que bloquea el acceso al alcance de la ventana global) con un cargador de scripts para inyectar las bibliotecas de su elección.
  • Resaltado de sintaxis básica para errores y tipos de variables.
  • Comandos especiales (como :help:clear:load).
  • Cabe en cualquier contenedor y es totalmente empotrable.
  • Fácil de configurar, intuitivo de usar.

4. JSConsole

Github

JSConsole Rem demo

JSConsole es una consola web de JavaScript, útil para experimentación rápida, depuración, presentaciones (para codificación en vivo) y talleres.

  • Depuración remota de dispositivos mediante el comando "escuchar" ( más información ).
  • Fuente redimensionable (sí, el mayor problema con Firebug en los talleres).
  • Autocompletar en los navegadores de escritorio WebKit.
  • Shift + arriba / abajo para una consola más grande.
  • Guardar historial (basado en la sesión).
  • Agregue soporte para cargar en un DOM (YQL, gracias nuevamente).
  • Enlace permanente a ejecuciones individuales.

3. jQuery Console

Github

jQuery console

Un emulador de terminal para crear consolas de comandos escritas en JavaScript con jQuery. Entre las características más conocidas:

  • Permita enfocar automáticamente el terminal, en lugar de tener que hacer clic en él.
  • Maneja la finalización del comando cuando se presiona la tecla de tabulación. Devuelve una lista de sufijos de finalización de cadenas.
  • Personalización de la etiqueta de solicitud.
  • Predicado para permitir la inserción de caracteres. charInsertTrigger(char,line)se llama.

2. Terminal.js

Github

Terminal.js plugin

terminal.js es una biblioteca JavaScript simple para emular un entorno de shell. El complemento tiene una API muy simple pero funcional y potente, es decir, solicita la entrada del usuario y actúa sobre ella mediante declaraciones de cambio, etc. Funciona bastante bien en dispositivos móviles.

1. jQuery Terminal

Github

jQuery terminal plugin example

JQuery Terminal Emulator es un complemento para crear intérpretes de línea de comandos en sus aplicaciones. Puede llamar automáticamente al servicio JSON-RPC cuando el usuario escribe comandos o puede proporcionar un objeto con métodos, cada método se invocará en el comando del usuario. El objeto puede tener objetos anidados que crearán un intérprete anidado.

También puede usar una función en la que puede analizar el comando de usuario por su cuenta. Es ideal si desea proporcionar funcionalidad adicional para usuarios avanzados. También se puede utilizar como herramienta de depuración.

  • Puede crear un intérprete para su servicio JSON-RPC con una línea de código .
  • Soporte para autenticación (puede proporcionar una función cuando el usuario ingresa el nombre de usuario y la contraseña o si usa JSON-RPC , puede llamar automáticamente a la función de inicio de sesión en el servidor y pasar el token a todas las funciones)
  • Pila de intérpretes: puede crear comandos que activen intérpretes adicionales (por ejemplo, puede usar un par de servicios JSON-RPC y ejecutarlos cuando el usuario escribe el comando)
  • Árbol de comandos: puede usar objetos anidados, cada comando invocará una función si el valor es un objeto, creará un nuevo intérprete y usará la función de ese objeto como comandos. Puede utilizar tantos comandos anidados como desee. si el valor es una cadena, creará el servicio JSON-RPC.
  • Finalización de tabulación con la tecla TAB.
  • Soporte para historial de línea de comandos (si es posible, usa Almacenamiento local o cookies).
  • Incluir el teclado de acceso directo de fiesta como CTRL + A, CTRL + D, CTRL + E, etc.
  • Múltiples terminales en una página (cada terminal puede tener un comando diferente, su propia función de autenticación y su propio historial de comandos); puede alternar entre ellos con CTRL + TAB.
  • Captura todas las excepciones y muestra mensajes de error en la terminal (puede ver errores en su código javascript y php en la terminal si están en la función de intérprete).
  • Soporte para formato de texto básico (color, fondo, subrayado, negrita, cursiva) dentro de la función de eco.
  • Puede crear y sobrescribir atajos de teclado existentes.

Menciones Honoríficas

Los siguientes complementos se han agregado después de Top oficial y merecen aparecer en él:

Ptty

Github | Vista Previa

Ptty Terminal emulator jQuery Browser

Ptty es un complemento de jQuery que crea un emulador de terminal expansible. Es pequeño, es rápido y es totalmente personalizable agregando comandos y devoluciones de llamada. Originalmente se basó en Wterm por Venkatakirshnan Ganesh, pero se ha modificado para incluir un gran conjunto de nuevas características. La lista de características incluye (pero no se limita a) un conjunto de métodos poderoso y abstracto y un esquema de respuesta JSON para manipular el terminal y ejecutar devoluciones de llamada personalizadas o agregar comportamiento.

XTermJS

Github

XTermJS

Xterm.js es un componente de front-end escrito en TypeScript que permite que las aplicaciones lleven terminales con todas las funciones a sus usuarios en el navegador. Es utilizado por proyectos populares como VS Code, Hyper y Theia. Características de este complemento:

  • Las aplicaciones de terminal simplemente funcionan : Xterm.js funciona con la mayoría de las aplicaciones de terminal como , y esto incluye soporte para aplicaciones basadas en maldiciones y soporte para eventos de mouse bash vim  tmux
  • Rendimiento : Xterm.js es realmente rápido, incluso incluye un renderizador acelerado por GPU  
  • Compatibilidad con unicode enriquecido : admite CJK, emojis e IME
  • Autónomo : requiere cero dependencias para funcionar
  • Accesible : la compatibilidad con el lector de pantalla se puede activar usando la opción screenReaderMode 
  • Y mucho más : enlaces, temas, complementos, API bien documentada, etc.

Si conoces otro componente de consola (terminal) increíble, no seas tímido y compártelo con la comunidad en el cuadro de comentarios. Que te diviertas!

Esto podria interesarte

Conviertete en un programador más sociable