Skip to content

Commit

Permalink
update README
Browse files Browse the repository at this point in the history
  • Loading branch information
hengkiardo committed Aug 10, 2016
1 parent 5f5ede8 commit eb20e9b
Showing 1 changed file with 50 additions and 1 deletion.
51 changes: 50 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +1,50 @@
# text-to-link
# text-to-link

text-to-link is a small JavaScript and npm module that takes a string of text, finds URLs within it, and hyperlinks them.

### Basic Usage

text-to-link adds an autoLink() method to JavaScript's String prototype,
so you can use it on any JavaScript string. Take a look at the tests,
but essentially, after including either autolink.js or autolink-min.js
to your page, it works like this:

```javascript
// Input
let textTolink = require('text-to-link')
textTolink("This is a link to Google http://google.com")

// Output
"This is a link to Google <a href='http://google.com'>http://google.com</a>"
```

### Additional Options

You can pass any additional HTML attributes to the anchor tag with a JavaScript object, like this:

```javascript
// Input
let textTolink = require('text-to-link')
textTolink("This is a link to Google http://google.com", { target: "_blank", rel: "nofollow", id: "1" })

// Output
"This is a link to Google <a href='http://google.com' target='_blank' rel='nofollow' id='1'>http://google.com</a>"
```

#### Callback

Callback option can be used to redefine how links will be rendered.

```javascript
// Input
let textTolink = require('text-to-link')
textTolink("This is a link to Google http://google.com", {
callback: function(url) {
return /\.(gif|png|jpe?g)$/i.test(url) ? '<img src="' + url + '">' : null;
}
})


// Output
"This is a link to image <img src='http://example.com/logo.png'>"
```

0 comments on commit eb20e9b

Please sign in to comment.