WishMeLz

生活其实很有趣

ANSI 字体在前端展示 Jenkins日志

最近在做运维平台的开发,前端需要显示Jenkins的日志在前端,其中的ANSI字体就是如下示例。

192.168.134.39:服务启动,端口检测,等待第3秒
192.168.134.39:服务启动,端口检测,等待第6秒
192.168.134.39:服务启动,端口检测,等待第9秒
192.168.134.39:服务启动,端口检测,等待第12秒
192.168.134.39:服务启动,端口检测,等待第15秒
192.168.134.39:服务启动,端口检测,等待第18秒
192.168.134.39:服务部署成功
xxxxxxxxxx 部署已全部完成

2024-07-16T11:08:28.png

仓库地址: 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);

2024-07-16T11:13:51.png