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
import linkifyit from 'linkify-it';
const linkify = linkifyit();
linkify
.tlds(require('tlds'))
.tlds('onion', true)
.add('git:', 'http:')
.add('ftp:', null)
.set({ fuzzyIP: true });
console.log(linkify.test('Site github.com!'));
console.log(linkify.match('Site github.com!'));
Example 2. Add twitter mentions handler
linkify.add('@', {
validate: function (text, pos, self) {
const tail = text.slice(pos);
if (!self.re.twitter) {
self.re.twitter = new RegExp(
'^([a-zA-Z0-9_]){1,15}(?!_)(?=$|' + self.re.src_ZPCc + ')'
);
}
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/' + match.url.replace(/^@/, '');
}
});
API
API documentation
new LinkifyIt(schemas, options)
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 sure that prefix is not preceded with
alphanumeric char. - value - rule to check tail after link prefix
- String - just alias to existing rule
- Object
- validate - either a
RegExp
(start with ^
, and don't include the
link prefix itself), or a validator function which, given arguments
text, pos, and self, returns the length of a match in text
starting at index pos. pos is the index right after the link prefix.
self can be used to access the linkify object to cache data. - normalize - optional function to normalize text & url of matched result
(for example, for twitter mentions).
options
:
- fuzzyLink - recognize URL-s without
http(s)://
head. Default true
. - fuzzyIP - allow IPs in fuzzy links above. Can conflict with some texts
like version numbers. Default
false
. - fuzzyEmail - recognize emails without
mailto:
prefix. Default true
. - --- - set
true
to terminate link with ---
(if it's considered as long dash).
.test(text)
Searches linkifiable pattern and returns true
on success or false
on fail.
.pretest(text)
Quick check if link MAY BE can exist. Can be used to optimize more expensive
.test()
calls. Return false
if link can not be found, true
- if .test()
call needed to know exactly.
.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
.matchAtStart(text)
Checks if a match exists at the start of the string. Returns Match
(see docs for match(text)
) or null if no URL is at the start.
Doesn't work with fuzzy links.
.tlds(list[, keepOld])
Load (or merge) new tlds list. Those are needed for fuzzy links (without schema)
to avoid false positives. By default:
- 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 that's not enough, you can reload defaults with more detailed zones list.
.add(key, value)
Add a new schema to the schemas object. As described in the constructor
definition, key
is a link prefix (skype:
, for example), and value
is a String to alias to another schema, or an Object with validate
and
optionally normalize
definitions. To disable an existing rule, use
.add(key, null)
.
.set(options)
Override default options. Missed properties will not be changed.
License
MIT