anchorify

Anchorify

Convert all links inside a string to HTML anchor tags. It supports.

1. URLs with(out) protocol.
2. Detect email vs plain URLs.
3. Adds rel="noreferrer noopener" as a security measure.
4. Normalizes urls without procotol or www.
5. Recognize existing anchor tags.

Installation

The code is hand-written in ES5 and is supposed to work with all major browsers. It makes use of var over let or const and for over forEach.

But you will need a commonjs module loader to make use of it.

npm i --save anchorify

Usage

const anchorify = require('anchorify')

assert.equal(
  anchorify('Visit google.com'),
  'Visit <a href="http://google.com"> google.com </a>'
)

// Set custom target
assert.equal(
  anchorify('Visit google.com', { target: '_blank' }),
  'Visit <a href="http://google.com" target="_blank" ref="noreferrer noopener"> google.com </a>'
)

// Do not touch existing anchor tags
assert.equal(
  anchorify('Visit <a href="http://google.com"> google.com </a>', { target: '_blank' }),
  'Visit <a href="http://google.com"> google.com </a>'
)

// Detect email
assert.equal(
  anchorify('You can reach me at [e-mail]'),
  'You can reach me at <a href="mailto:[e-mail]"> [e-mail] </a>'
)

// Let browser decide the protocol
assert.equal(
  anchorify('Open //google.com'),
  'Open <a href="//google.com"> google.com </a>'
)

Changelog

1.0.2 (2017-06-06)

Bug Fixes

• skip existing anchor tags in multiple lines (c4673bf)

<a name="1.0.1"></a>