ansiparser 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
ansiparser 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议: MIT
开发语言: HTML/CSS
操作系统: 跨平台
收录时间: 2019-02-25
提 交 者: 独孤影

ansiparser是一个前端组件,用于将linux终端输出的彩色日志展示到web页面。它通过解析linux终端的ansi转义字符实现彩色渲染,其渲染效果如下图。

screenshot

安装

npm install xlog-ansiparser --save

使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <script src="./dist/xlog-1.0.0.js"></script>
    <link rel="stylesheet" href="./xlog.css">
    <style>
        body{
            margin: 0;
        }
    </style>
</head>
<body>
<pre id="xlog" class="dark">
</pre>
</body>
<script>
    var container = document.getElementById("xlog")
    var lexer = new XLog(container)

    $(document).ready(function (e) {
        $.ajax({
            method: "GET",
            url: "https://api.travis-ci.org/v3/job/31095019/log.txt",
            success: function (data) {
                let segs = data.split("\n");
                segs.forEach((v, i) => {
                    setTimeout(() => {
                        let substr = v;
                        if (segs.length !== i + 1) {
                            substr = substr + "\n"
                        }
                        lexer.write(substr)
                    }, 0)
                })
            }
        })
    });
</script>
</html>

源码仓库

https://github.com/duguying/ansiparser

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

ansiparser 的相关资讯

还没有任何资讯

ansiparser 的相关博客

还没有任何博客,写博客

ansiparser 的相关问答

还没有任何问答,马上提问

评论 (0)

加载中
更多评论
0 评论
1 收藏
分享
返回顶部
顶部