Jump To

Linkify jQuery Interface

linkify-jquery is an provides the Linkify jQuery plugin. This functionality is also available in vanilla JavaScript via linkify-element.

Installation

Node.js module

Install from the command line with NPM

npm install linkifyjs linkify-jquery

Import into your JavaScript with require

const $ = require('jquery');
require('linkify-jquery')

or with ES modules

import $ from 'jquery';
import 'linkify-jquery';

If a window.document global is not available in your environment, provide it manually instead as follows.

With require:

require('linkify-jquery')($, document);

or with ES modules:

import linkifyJq from 'linkify-jquery';
linkifyJq($, document);

Browser globals

Download linkify and extract the contents into your website’s assets directory. Include the following scripts in your HTML:

<script src="jquery.js"></script>
<script src="linkify.js"></script>
<script src="linkify-jquery.js"></script>

Usage

const options = { /* … */ };
$(selector).linkify(options);

Params

See all available options.

DOM Data API

The jQuery plugin also provides a DOM data/HTML API - no extra JavaScript required after import!

<!-- Find and linkify all entities in this div -->
<div data-linkify="this"></div>

<!-- Find and linkify the paragraphs and `#footer` element in the body -->
<body data-linkify="p, #footer" data-linkify-target="_parent"></body>

Additional data options are available.