ansiparser前端組件
ansiparser是一個(gè)前端組件，用于將linux終端輸出的彩色日志展示到web頁面。它通過解析linux終端的ansi轉(zhuǎn)義字符實(shí)現(xiàn)彩色渲染，其渲染效果如下圖。
安裝
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
評論
圖片
表情