jquery.terminal是一个终端模拟器插件-BFW插件库

jquery.terminal是一个终端模拟器插件

jquery.terminal是一个终端模拟器插件，用于在应用程序中创建命令行解释器。当用户输入命令时，它可以自动调用JSON-RPC服务，或者你也可以提供自定义的函数来解析用户命令。如果你想为高级用户提供额外的功能，这也是非常理想的工具。它还可以用于调试应用程序。

你可以使用这个JavaScript库在任何站点上创建基于web的终端。

特性:

你可以用一行代码为你的JSON-RPC服务创建一个解释器(只需将url作为第一个参数)。

支持身份验证 (当用户输入登录名和密码时，你可以提供函数来进行验证，或者如果你使用了JSON-RPC服务，它可以自动调用服务器上的登录函数，并向所有函数传递token（令牌））。

解释器堆——你可以创建触发另外的解释器的命令(例如，你可以使用两个JSON-RPC服务来在用户输入命令时运行它们)

命令树——你可以使用嵌套对象。每个命令都将调用一个函数，如果返回值是一个对象，它将创建一个新的解释器并将该对象中的函数作为命令使用。你可以使用任意多的嵌套对象/命令。如果函数返回值是一个字符串，那么它将创建JSON-RPC服务。

支持命令行历史记录，如果可能，它会使用本地存储。

支持Tab键补全。

支持来自bash的键盘快捷键，比如CTRL+A, CTRL+D, CTRL+E等。

支持多标签窗口 (每个终端可以有不同的命令，有自己的身份验证功能和命令历史记录)。

它会捕获所有异常并在终端中显示错误消息(如果javascript和php代码位于解释器函数中，你可以在终端中看到它们中的错误)。

使用方式：

第一步引入bfwone 加载依赖项jquery

第二步use插件及css和主题css

第三步配置参数

示例代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["jquery.terminal-2.19.2.min", "jquery.terminal-2.19.2.min"], function() {

                $('#term_demo').terminal(function(command) {
                    if (command !== '') {
                        try {
                            var result = window.eval(command);
                            if (result !== undefined) {
                                this.echo(new String(result));
                            }
                        } catch(e) {
                            this.error(new String(e));
                        }
                    } else {
                        this.echo('');
                    }
                },
                    {
                        greetings: 'welcome to bfw it site,type js code ',
                        name: 'js_demo',
                        height: 200,
                        prompt: 'bfw> '

                    });
            });
        });
    </script>
    <style>
    </style>
</head>
<body>
    <div id="term_demo">
        
    </div>
</body>
</html>

官网：https://terminal.jcubic.pl/