arrow-left

All pages
gitbookPowered by GitBook
1 of 1

Loading...

align-text

Align the text in a string.

Examples

Align text values in an array:

Or do stuff like thisarrow-up-right:

arrow-up-right

Visit the examplearrow-up-right to see how this works.

hashtag
Install

Install with

hashtag
Usage

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

Would align:

To:

hashtag
callback

hashtag
params

The callback is used to determine the indentation of each line and gets the following params:

  • len the length of the "current" line

  • longest the length of the longest line

  • line

hashtag
return

The callback may return:

  • an integer that represents the number of spaces to use for padding,

  • or an object with the following properties:

    • indent: {Number} the amount of indentation to use. Default is 0

Integer example:

Object example:

hashtag
Usage examples

hashtag
Center align

Using the centerAlign function from above:

Would align this text:

Resulting in this:

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:

Would result in:

hashtag
Bullets

Would return:

hashtag
Different indent character

Would return

hashtag
Related projects

  • : Center-align the text in a string.

  • : Left or right (or both) justify text using a custom width and character

  • : Get the longest item in an array.

hashtag
Running tests

Install dev dependencies:

hashtag
Contributing

Pull requests and stars are always welcome. For bugs and feature requests,

hashtag
Author

Jon Schlinkert

hashtag
License

Copyright © 2015 Released under the MIT license.

This file was generated by on June 09, 2015.

align([1, 2, 3, 100]);
//=> ['  1', '  2', '  3', '100']
the current line (string) being aligned
  • lines the array of all lines

  • 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.

  • : Right-align the text in a string.

  • : Repeat the given string n times. Fastest implementation for repeating a string.

  • : Wrap words to a specified length.

  • npmarrow-up-right
    center-alignarrow-up-right
    justifyarrow-up-right
    longestarrow-up-right
    please create an issuearrow-up-right
    github/jonschlinkertarrow-up-right
    twitter/jonschlinkertarrow-up-right
    Jon Schlinkertarrow-up-right
    verb-cliarrow-up-right
    $ npm i align-text --save
    var align = require('align-text');
    align(text, callback_function_or_integer);
    align(text, 4);
    abc
    abc
    abc
        abc
        abc
        abc
    // 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);
    }
    function centerAlign(len, longest, line, lines) {
      return {
        character: '\t',
        indent: Math.floor((longest - len) / 2),
        prefix: '~ ',
      }
    }
    align(text, centerAlign);
    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
         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
    function centerAlign(len, longest, line, lines) {
      return 4 + Math.floor((longest - len) / 2);
    }
             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: ' - '};
    });
    - 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: '~', 
      };
    });
    ~~~~~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
    $ npm i -d && npm test
    right-alignarrow-up-right
    repeat-stringarrow-up-right
    word-wraparrow-up-right
    screen shot 2015-06-09 at 2 08 34 am