ansi-mark

2019-06-16 admin

ansi-mark是什么

什么是ansi-mark,🖊️ a highlight marker for your color ansi strings

ansi-mark使用教程帮助文档

ansi-mark

<g-emoji class=“g-emoji” alias=“pen” fallback-src=“https://github.githubassets.com/images/icons/emoji/unicode/1f58a.png”>🖊️</g-emoji> a highlight marker for your color ansi strings

Build Status Coverage Status NPM Version XO code style

Before and After

Before ANSI-Mark

After ANSI-Mark

Explanation

If your CLI app outputs strings containing ANSI color codes, like this…

const ansiStr = '\u001b[37m\u001b[33m<\u001b[36mbody\u001b[33m>\u001b[37m            \u001b[39m\n\u001b[37m\t\u001b[33m<\u001b[36mspan\u001b[33m>\u001b[37mGood\u001b[33m</\u001b[36mspan\u001b[33m>\u001b[37m\u001b[39m\n\u001b[37m\t\u001b[33m<\u001b[36mspan\u001b[33m>\u001b[37mBad\u001b[33m<\u001b[36mspan\u001b[33m>\u001b[37m  \u001b[39m\n\u001b[37m\u001b[33m<\u001b[36mbody\u001b[33m>\u001b[37m            \u001b[39m\n\u001b[37m\u001b[39m'
console.log(ansiStr)

Before ANSI-Mark

… then your ANSI string contains visible, and invisible characters. This makes it difficult if you want to highlight a portion of your string. The start and end position of your highlight needs to account for the invisible characters.

But wouldn’t it be simpler for everyone if there was a Node Module that let you highlight a sub-string using the offsets of the visible characters?

That is what ansi-mark does:

const chalk = require('chalk')

const opts = {
    start: {line: 3, column: 11},
    end: {line: 4, column: 7},
    color: chalk.bgRed.white.bold,
    resetColor: true
}

const result = ansiMark(ansiStr, opts)

After ANSI-Mark

Keep Colors

If you want to keep the underlying colors in the portion of the string you are highlighting, use the resetColor: false option:

const chalk = require('chalk')

const opts = {
    start: {line: 3, column: 11},
    end: {line: 4, column: 7},
    color: chalk.bgBlack
    resetColor: false
}

const result = ansiMark(ansiStr, opts)

After ANSI-Mark Keep Color

Using Offsets

You can also highlight by a linear character offset rather than lines and columns

const chalk = require('chalk')

const opts = {
    start: 46,
    end: 64,
    color: chalk.bgRed.white.bold,
    resetColor: true
}

const result = ansiMark(ansiStr, opts)

After ANSI-Mark

Install

$ yarn add ansi-mark

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-67446.html

文章标题:ansi-mark

回到顶部