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

柔光的暖阳◎ 2024-04-01 12:01 36阅读 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 条评论，36人围观）

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

相关阅读

相关 MySQL 错误日志解读：实例展示

MySQL错误日志是当数据库运行时遇到问题，系统会记录这些错误信息。通过解析这些日志，我们可以定位和解决问题。以下是一个具体实例的解读：错误日志内容： ``` 2023-0

本是古典何须时尚/ 2024年12月15日 04:15/ 0 赞/ 15 阅读

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

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

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

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

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

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

相关 OpenFeign超时设置和日志展示

文章目录 1、OpenFeign超时设置 2、模拟超时 2.1 服务提供方加如线程等待阻塞 2.2 进行客户端调用：

墨蓝/ 2022年09月07日 15:57/ 0 赞/ 470 阅读

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

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

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

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

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

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

相关前端展示雷达图效果

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

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

相关 java日志组件介绍

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

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

相关日志记录组件

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

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

相关前端分页代码展示

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

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