如何美化shell字符串？

Question

I am getting strings from a shell output. They are formated using the shell colors eg :

[2m36:13 [22m [31mabcdefgh...xyz [39m

I'd like to show the formated string in a browser, ie with colors and without their definitions.

So is there any library or React Component for that ?

Thanks

edit : I'd like something like this :

function shell2Html(str) { /* ... */ }
shell2Html("[2m36:13 [22m [31mabcdefgh...xyz [39m")
// returns "<span class="red"><span class="bold">abcdefgh</span></span>"

Answer 1

您可以在 console.log 消息中添加 CSS：

console.log('%cHello World', 'color: red');