前端展示日志组件ansi-to-react

柔光的暖阳◎ 2024-04-01 12:01 42阅读 0赞

ansi-to-react  
This package convert ANSI escape codes to formatted text output for React.

Installation  
$ yarn add ansi-to-react  
$ npm install --save ansi-to-react  
Usage  
Basic  
The example below shows how we can use this package to render a string with ANSI escape codes.

import Ansi from “ansi-to-react”;

export function () => \{  
return  
\{‘\\u001b\[34mhello world’\}  
;  
\};  
Will render:

`hello world` Classes Style with classes instead of style attribute.

\{“\\u001b\[34mhello world”\}  
Will render

`hello world` Class Names Font color Background Color ansi-black-fg ansi-black-bg ansi-red-fg ansi-red-bg ansi-green-fg ansi-green-bg ansi-yellow-fg ansi-yellow-bg ansi-blue-fg ansi-blue-bg ansi-magenta-fg ansi-magenta-bg ansi-cyan-fg ansi-cyan-bg ansi-white-fg ansi-white-bg ansi-bright-black-fg ansi-bright-red-fg ansi-bright-green-fg ansi-bright-yellow-fg ansi-bright-blue-fg ansi-bright-magenta-fg ansi-bright-cyan-fg ansi-bright-white-fg Development To develop on this project, fork and clone this repository on your local machine. Before making modifications, install the project's dependencies.

$ npm install  
To run the test suite for this project, run:

$ npm test  
Documentation  
We’re working on adding more documentation for this component. Stay tuned by watching this repository!

发表评论取消回复

表情：

评论列表（有 0 条评论，42人围观）

还没有评论，来说两句吧...

相关阅读

相关前端展示日志组件ansi-to-react

ansi-to-react This package convert ANSI escape codes to formatted text output for Reac

柔光的暖阳◎/ 2024年04月01日 12:01/ 0 赞/ 43 阅读

相关前端 table 数据纵向展示

接到一个任务需要纵向table，数据是循环出来的，表头有纵向有横向，横向是月份，纵向是数据列，有字段需要支持修改因为公司用element，但是这玩意儿的table都是横向，

- 日理万妓/ 2023年02月13日 14:50/ 0 赞/ 220 阅读

相关 java业务日志组件_业务日志记录组件

1.本组件提供两类方法，记录日志与查询日志。查询如果只返回List类型又不太方便，所以还得与mybatis一样提供一个返回List这样自定义类型的方法。有些数据可能需要

叁歲伎倆/ 2022年11月04日 14:29/ 0 赞/ 244 阅读

相关前端展示时间戳问题

前端展示时间戳问题由于业务的需要，我们需要获取该行为的触发时间。从第三方平台获取的时间却是String类型的时间戳（时间戳是指格林威治时间1970年01月0

柔情只为你懂/ 2022年08月21日 04:12/ 0 赞/ 232 阅读

相关前端优化&前端组件库

![Center][] ![a1ab8e59jw1eq7fq1ff0bj20c86kcnja.jpg][] [Center]: /images/20220805/c

妖狐艹你老母/ 2022年08月08日 05:17/ 0 赞/ 262 阅读

相关 React : 展示组件 & 容器组件附案例与视频

写React应用时，我发现了一种简单而有效的模式。如果你也[写过一阵子React][React]，或许你也已经发现它了。对于这种模式，[这篇文章][Link 1]讲得不错，不过

r囧r小猫/ 2022年06月06日 08:45/ 0 赞/ 426 阅读

相关前端展示雷达图效果

效果图 ![70][] 代码html <!DOCTYPE html> <html style="height: 100%"> <hea

Myth丶恋晨/ 2022年05月16日 11:52/ 0 赞/ 354 阅读

相关 java日志组件介绍

common-logging common-logging是apache提供的一个通用的日志接口。用户可以自由选择第三方的日志组件作为具体实现，像log4j，或者jdk自

我不是女神ヾ/ 2022年04月23日 00:44/ 0 赞/ 231 阅读

相关日志记录组件

常在服务器端处理用户请求时.特别是针对Web应用程序.当出现异常是可以根据日志操作记录还原异常出现时操作步骤.而记录异常堆栈信息判断问题出现问题位置. 为了跟踪和记录服务器行为

古城微笑少年丶/ 2022年01月07日 11:11/ 0 赞/ 610 阅读

相关前端分页代码展示

%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UT...

系统管理员/ 2020年11月15日 06:25/ 0 赞/ 738 阅读