2012-10-16 44 views
8

Tôi đang tìm thấy điều này khó để thậm chí khái niệm hóa. Cách dễ dàng nhất là có một phần tử textarea lớn chiếm hầu hết màn hình, với phần tử văn bản nhỏ bên dưới nó là input. Người chơi sẽ gõ lệnh, và đầu ra sẽ xuất hiện trong textarea.Cách tốt nhất để mô phỏng màn hình DOS hoặc Terminal trong trang web là gì?

Vấn đề là, tôi muốn đầu vào được tích hợp đầy đủ. Hãy nghĩ đến màn hình DOS. Có dấu nhắc khung, >, sau đó bạn nhập vào một lệnh. Nhấn Enter và đầu ra được hiển thị bên dưới nó, theo sau là một dấu nhắc > khác cho lệnh tiếp theo. Đầu vào không tách biệt, trực quan, từ đầu ra. Một ví dụ về những gì tôi muốn thực hiện có thể được nhìn thấy ở đây: http://www.youtube.com/watch?v=UC_FrikiZdE (ngoại trừ thay vì sử dụng chuột để chọn lệnh, chúng có thể được nhập vào).

Làm cách nào để thực hiện điều đó trong HTML (sử dụng JavaScript/jQuery để xử lý đầu vào/đầu ra)? Tôi nghĩ có lẽ mọi thứ được thực hiện trong một chỉnh sửa textarea, nhưng nút Backspace không thể xóa bất kỳ điều gì từ lời nhắc > và hơn thế nữa, chỉ văn bản đã được nhập.

Cách dễ nhất để làm điều này là gì? Tôi đã không thể tìm thấy bất kỳ cuộc biểu tình hoặc hướng dẫn trực tuyến nào. Ai có thể chỉ cho tôi bất cứ điều gì mà tôi có thể đã bỏ lỡ? Cảm ơn.

+1

Div nội dung có thể chỉnh sửa cho lệnh hiện tại, với các lệnh trước đó (và kết quả) được thêm vào div không thể chỉnh sửa ở trên? – nnnnnn

+3

Đây là một ví dụ tuyệt vời được viết để thử MongoDB: http://try.mongodb.org/ – Laurence

+0

Brilliant! Đó chính là điều tôi đang tìm kiếm, Laurence! Tôi đã quên sử dụng "shell" trong các tìm kiếm của mình. Làm cho nó một câu trả lời với một lời giải thích, và tôi có thể đặt nó như là câu trả lời cho câu hỏi, và nó có thể giúp những người khác trong tình trạng tương tự. – TerranRich

Trả lời

Các vấn đề liên quan