interfaz similar a una consola en una página web usando javascript

Question

Me gusta mucho la herramienta mysql cli de MySQL y no me gusta phpMyAdmin. [EN MI HOMBRE] Es algo bueno para un usuario de Windows, pero no es tan bueno cuando se usa para consolar. [/ Mi humilde opinión].

Lo que quiero es construir una página web que contenga elemento con entrada similar a la consola (por ejemplo, this) que debe recibir entrada del usuario, enviarla al script PHP en el back-end y mostrar la respuesta del back-end.

La secuencia de comandos back-end está hecha (era la parte más fácil), pero no puedo encontrar ninguna biblioteca para JavaScript que implemente la entrada similar a una consola.

He intentado examinar y modificar para mis necesidades el ejemplo que proporcioné, pero está demasiado saturado (porque no usa ninguna biblioteca) e implementa algo específico. También me gustaría que este elemento proporcione alguna autocompletación para la entrada.

¿Alguna idea sobre dicha biblioteca JS?

Answer 1

hmm firebug console?

http://getfirebug.com/commandline

Answer 2

hay shellinabox - Javascript terminal.

EDITAR:

También hay biblioteca xterm.js que es real emulador de terminal.

Answer 3

creo que busca esto: jQueryTerminal

Answer 4

en lugar de utilizar console.log() uso document.write()

Se escribirá el texto en la página web al igual que habría console.log en la consola

Answer 5

he hecho una biblioteca de consola llamada Simple Console (probablemente la cambie de nombre porque simple-console está tomada en npm)

Es h andles historial de comandos y demás, y puede usarlo para implementar cualquier tipo de consola.

var handleCommand = (command)=> { 
    var req = new XMLHttpRequest(); 
    req.addEventListener("load",()=> { 
     con.log(req.responseText); 
     // TODO: use con.error for errors and con.warn for warnings 
     // TODO: maybe log a table element to display rows of data 
    }); 
    // TODO: actually pass the command to the server 
    req.open("GET", "mysql.php"); 
    req.send(); 
}; 
var con = new SimpleConsole({ 
    handleCommand, 
    placeholder: "Enter MySQL queries", 
    storageID: "mysql-console" 
}); 
document.body.appendChild(con.element); 

Mira la documentación on GitHub para más información.