Format rich content using #hashtags and @mentions
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
lib
.gitignore
.nvmrc
.travis.yml
README.md
circle.yml
index.js
package.json
yarn.lock

README.md

Lofi · JavaScript

Installation

npm install lofi --save

API Docs

parseElement(input: String)

Element:

  • texts: [ String ] · Array of plain text input
  • mentions: [ [ String ] ] · Array of key paths
  • tags: { String: Boolean | { texts: [ String ] , mentions: [ [ String ] ] } } · Key-value pairs of booleans or strings
  • children: [ Element ] · Array of children elements
parseElement('Click me #button #primary')
/* => {
  texts: ['Click me'],
  mentions: [null],
  tags: { button: true, primary: true },
  children: []
} */

parseElement('Hello @first-name, how are you?')
/* => {
  texts: ['Hello ', ', how are you?'],
  mentions: [['first-name'], null],
  tags: {},
  children: []
} */

Demos