자바 스크립트를 사용하는 웹 페이지에서 콘솔과 같은 인터페이스

Question

저는 MySQL mysql cli 도구를 매우 좋아하며 phpMyAdmin을 좋아하지 않습니다. [IMHO] Windows 사용자에게는 좋은 점이 있지만 콘솔을 사용했을 때 좋지는 않습니다. [/ IMHO].

사용자가 입력해야하는 콘솔 형식의 입력 (예 : this)이 포함 된 요소가 포함 된 웹 페이지를 작성하여 백엔드의 PHP 스크립트로 보내고 백엔드 응답을 표시합니다.

백엔드 스크립트가 완료되었습니다 (가장 쉬운 부분 이었지만) 콘솔과 같은 입력을 구현하는 JavaScript 용 라이브러리를 찾을 수 없습니다.

필자가 제공 한 필자의 요구 사항을 조사하고 수정하려고 시도했지만, 너무 과장하여 (특정 라이브러리를 사용하지 않기 때문에) 특정 사항을 구현합니다. 또한이 요소에서 입력에 대한 자동 완료 기능을 제공하고 싶습니다.

그런 JS 라이브러리에 대한 아이디어가 있습니까?

Answer 1

hmm firebug console?

http://getfirebug.com/commandline

Answer 2

는 shellinabox이 - 자바 스크립트 터미널.

편집 : 또한 xterm.js 라이브러리가

실제 터미널 에뮬레이터입니다.

Answer 3

난 당신이 찾고있는 생각 : jQueryTerminal

Answer 4

을 대신 console.log() 사용을 사용하는 document.write()

그냥 console.log처럼 웹 페이지의 텍스트를 작성합니다 콘솔

Answer 5

내가이 만든 것 콘솔 라이브러리 Simple Console (simple-console이 npm에 취해 졌기 때문에 아마도 이름을 바꿀 것입니다)

andles 명령 기록 등을 사용할 수 있으며 모든 종류의 콘솔을 구현하는 데 사용할 수 있습니다.

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

자세한 내용은 on GitHub 문서를 확인하십시오.