最近在做运维平台的开发,前端需要显示Jenkins的日志在前端,其中的ANSI字体就是如下示例。
[92m192.168.134.39:服务启动,端口检测,等待第3秒[0m
[92m192.168.134.39:服务启动,端口检测,等待第6秒[0m
[92m192.168.134.39:服务启动,端口检测,等待第9秒[0m
[92m192.168.134.39:服务启动,端口检测,等待第12秒[0m
[92m192.168.134.39:服务启动,端口检测,等待第15秒[0m
[92m192.168.134.39:服务启动,端口检测,等待第18秒[0m
[92m192.168.134.39:服务部署成功[0m
xxxxxxxxxx 部署已全部完成
仓库地址: https://github.com/drudru/ansi_up#readme
使用
import { AnsiUp } from '@/utils/ansi_up.js'
const ansi_up = new AnsiUp();
this.consoleText = ansi_up.ansi_to_html(res.data.content);