podobny do konsoli interfejs na stronie internetowej przy użyciu javascript

Question

Bardzo podoba mi się narzędzie mySQL mysql cli i nie lubię phpMyAdmin. [IMHO] To fajna rzecz dla użytkownika Windowsa, ale nie jest tak dobra, gdy używa się konsoli. [/ IMHO].

Potrzebuję zbudować stronę internetową zawierającą element z konsolowym wejściem (na przykład coś takiego jak this), który powinien uzyskać dane wejściowe od użytkownika, wysłać go do skryptu PHP na zapleczu i pokazać odpowiedź zaplecza.

Wykonano skrypt wsteczny (to była najłatwiejsza część), ale nie mogę znaleźć żadnej biblioteki dla JavaScript implementującej wejście typu konsolowego.

Próbowałem zbadać i zmodyfikować dla mojego potrzeb przykład podałem, ale jest zbyt rozdęty (ponieważ nie używa żadnych bibliotek) i implementuje określone rzeczy. Również chciałbym, aby ten element zapewniał automatyczne uzupełnianie danych wejściowych.

Wszelkie pomysły na temat takiej biblioteki JS?

Answer 1

Konsola hmm firebug?

http://getfirebug.com/commandline

Answer 2

jest shellinabox - javascript terminalu.

EDIT:

Jest też biblioteka xterm.js to prawdziwy emulator terminala.

Answer 3

myślę szukasz to: jQueryTerminal

Answer 4

zamiast korzystania console.log() korzystanie document.write()

Będzie napisać tekst na stronie internetowej, podobnie jak console.log byłoby w konsoli

Answer 5

Zrobiłem biblioteka konsolowa o nazwie Simple Console (prawdopodobnie zmienię nazwę na simple-console na npm)

It h andles historia poleceń i takie dla ciebie i możesz jej użyć do zaimplementowania dowolnego rodzaju konsoli.

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); 

Aby uzyskać więcej informacji, zapoznaj się z dokumentacją on GitHub.