Illia Kozyr c722a49f64 React Project DONE | 2 năm trước cách đây | |
---|---|---|
.. | ||
LICENSE | 2 năm trước cách đây | |
README.md | 2 năm trước cách đây | |
index.js | 2 năm trước cách đây | |
package.json | 2 năm trước cách đây |
Align the text in a string.
Examples
Align text values in an array:
align([1, 2, 3, 100]);
//=> [' 1', ' 2', ' 3', '100']
Visit the example to see how this works.
Install with npm
$ npm i align-text --save
var align = require('align-text');
align(text, callback_function_or_integer);
Params
text
can be a string or array. If a string is passed, a string will be returned. If an array is passed, an array will be returned.callback|integer
: if an integer, the text will be indented by that amount. If a function, it must return an integer representing the amount of leading indentation to use as align
loops over each line.Example
align(text, 4);
Would align:
abc
abc
abc
To:
abc
abc
abc
The callback is used to determine the indentation of each line and gets the following params:
len
the length of the "current" linelongest
the length of the longest lineline
the current line (string) being alignedlines
the array of all linesThe callback may return:
indent
: {Number} the amount of indentation to use. Default is 0
when an object is returned.character
: {String} the character to use for indentation. Default is ''
(empty string) when an object is returned.prefix
: {String} leading characters to use at the beginning of each line. ''
(empty string) when an object is returned.Integer example:
// calculate half the difference between the length
// of the current line and the longest line
function centerAlign(len, longest, line, lines) {
return Math.floor((longest - len) / 2);
}
Object example:
function centerAlign(len, longest, line, lines) {
return {
character: '\t',
indent: Math.floor((longest - len) / 2),
prefix: '~ ',
}
}
Using the centerAlign
function from above:
align(text, centerAlign);
Would align this text:
Lorem ipsum dolor sit amet
consectetur adipiscin
elit, sed do eiusmod tempor incididun
ut labore et dolor
magna aliqua. Ut enim ad mini
veniam, quis
Resulting in this:
Lorem ipsum dolor sit amet,
consectetur adipiscing
elit, sed do eiusmod tempor incididunt
ut labore et dolore
magna aliqua. Ut enim ad minim
veniam, quis
Customize
If you wanted to add more padding on the left, just pass the number in the callback.
For example, to add 4 spaces before every line:
function centerAlign(len, longest, line, lines) {
return 4 + Math.floor((longest - len) / 2);
}
Would result in:
Lorem ipsum dolor sit amet,
consectetur adipiscing
elit, sed do eiusmod tempor incididunt
ut labore et dolore
magna aliqua. Ut enim ad minim
veniam, quis
align(text, function (len, max, line, lines) {
return {prefix: ' - '};
});
Would return:
- Lorem ipsum dolor sit amet,
- consectetur adipiscing
- elit, sed do eiusmod tempor incididunt
- ut labore et dolore
- magna aliqua. Ut enim ad minim
- veniam, quis
align(text, function (len, max, line, lines) {
return {
indent: Math.floor((max - len) / 2),
character: '~',
};
});
Would return
~~~~~Lorem ipsum dolor sit amet,
~~~~~~~~consectetur adipiscing
elit, sed do eiusmod tempor incididunt
~~~~~~~~~ut labore et dolore
~~~~magna aliqua. Ut enim ad minim
~~~~~~~~~~~~~veniam, quis
Install dev dependencies:
$ npm i -d && npm test
Pull requests and stars are always welcome. For bugs and feature requests, please create an issue
Jon Schlinkert
Copyright © 2015 Jon Schlinkert Released under the MIT license.
This file was generated by verb-cli on June 09, 2015.