What is linkify-it?
The linkify-it package is a tool for finding links such as URLs and email addresses in plain text and converting them into clickable hyperlinks. It is highly customizable and allows developers to tweak the link recognition to suit their needs.
What are linkify-it's main functionalities?
URL Recognition
This feature allows the detection of URLs within a text string and provides details about the recognized URLs, such as the index of the match within the string.
const linkify = require('linkify-it')();
console.log(linkify.match('Visit http://example.com for more information.'));
Email Recognition
With this feature, linkify-it can identify email addresses in text and treat them as mailto: links, which can be useful for creating clickable email links.
const linkify = require('linkify-it')();
linkify.add('mailto:', 'mailto:');
console.log(linkify.match('Contact us at: info@example.com'));
Custom Schema
This feature allows developers to add custom schemas and protocols to be recognized by linkify-it, enabling the detection of non-standard or less common link types.
const linkify = require('linkify-it')();
linkify.add('git:', 'http:');
console.log(linkify.match('Clone the repo at git://github.com/user/repo.git'));
TLD Customization
Linkify-it allows for the addition of custom top-level domains (TLDs) to its list, which can be useful for recognizing and linking to URLs with non-standard TLDs.
const linkify = require('linkify-it')();
linkify.tlds('my', true);
console.log(linkify.match('Check out this cool site: example.my'));
Other packages similar to linkify-it
autolinker
Autolinker is a similar package that automatically converts URLs, email addresses, and Twitter handles into clickable links. It is similar to linkify-it but also includes options to truncate the length of the displayed URLs and to strip prefixes (e.g., 'http://').
url-regex
url-regex is a package that provides a regular expression for matching URLs. Unlike linkify-it, url-regex does not offer the same level of customization or the ability to add new schemas or TLDs, but it is useful for simple URL matching.
anchorme
Anchorme is another package that converts URLs and email addresses to clickable links. It offers features like link validation and the ability to convert links within a specific part of the text. It is comparable to linkify-it but with a different API and additional options for link validation.
linkify-it
Links recognition library with FULL unicode support.
Focused on high quality link patterns detection in plain text.
Demo
Why it's awesome:
- Full unicode support, with astral characters!
- International domains support.
- Allows rules extension & custom normalizers.
Install
npm install linkify-it --save
Browserification is also supported.
Usage examples
Example 1
var linkify = require('linkify-it')();
linkify
.tlds(require('tlds'))
.tlds('.onion', true);
.linkify.add('git:', 'http:');
console.log(linkify.test('Site github.com!'));
console.log(linkify.match('Site github.com!'));
Exmple 2. Add twitter mentions handler
linkify.add('@', {
validate: function (text, pos, self) {
var tail = text.slice(pos);
if (!self.re.twitter) {
self.re.twitter = new RegExp(
'^([a-zA-Z0-9_]){1,15}(?!_)(?=$|' + self.re.src_ZPCcCf + ')'
);
}
if (self.re.twitter.test(tail)) {
if (pos >= 2 && tail[pos - 2] === '@') {
return false;
}
return tail.match(self.re.twitter)[0].length;
}
return 0;
},
normalize: function (match) {
match.url = 'https://twitter.com/' + m.url.replace(/^@/, '');
}
});
API
API documentation
new LinkifyIt(schemas)
Creates new linkifier instance with optional additional schemas.
Can be called without new
keyword for convenience.
By default understands:
http(s)://...
, ftp://...
, mailto:...
& //...
links- "fuzzy" links and emails (google.com, foo@bar.com).
schemas
is an object, where each key/value describes protocol/rule:
- key - link prefix (usually, protocol name with
:
at the end, skype:
for example). linkify-it
makes shure that prefix is not preceeded with
alphanumeric char. - value - rule to check tail after link prefix
- String - just alias to existing rule
- Object
- validate - validator function (should return matched length on success),
or
RegExp
. - normalize - optional function to normalize text & url of matched result
(for example, for twitter mentions).
.test(text)
Searches linkifiable pattern and returns true
on success or false
on fail.
.testSchemaAt(text, name, offset)
Similar to .test()
but checks only specific protocol tail exactly at given
position. Returns length of found pattern (0 on fail).
.match(text)
Returns Array
of found link matches or null if nothing found.
Each match has:
- schema - link schema, can be empty for fuzzy links, or
//
for
protocol-neutral links. - index - offset of matched text
- lastIndex - index of next char after mathch end
- raw - matched text
- text - normalized text
- url - link, generated from matched text
.tlds(list[, keepOld])
Load (or merge) new tlds list. Those are user for fuzzy links (without prefix)
to avoid false positives. By default this algorythm used:
- hostname with any 2-letter root zones are ok.
- biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|рф
are ok.
- encoded (
xn--...
) root zones are ok.
If list is replaced, then exact match for 2-chars root zones will be checked.
.add(schema, definition)
Add new rule with schema
prefix. For definition details see constructor
description. To disable existing rule use .add(name, null)
License
MIT