Skip to content

priscilalima/ngx-linky

 
 

Repository files navigation

ngx-linky

Build Status npm version

Angular pipe to find links in text input and turn them into html links. It was called the same "linky" in ngSanitize module of AngularJs (first). Since Angular does not have such pipe built in therefore this repo was created.

This is just a wrapper for Autolinker.js so all issues and feature requests related to autolinker should go to their issues!

Installation

npm install --save ngx-linky

Import LinkyModule or manually declare LinkyPipe in your app module.

import { LinkyModule } from 'ngx-linky';

@NgModule({
  imports: [
    LinkyModule
  ]
})
class YourAppModule {}

Usage

Use linky pipe with [innerHTML] (or outerHTML, depends on you) binding to get HTML correctly rendered:

<span [innerHTML]="yourText | linky"></span>

You can pass any autolinker option as a second pipe argument. For ex.:

<span [innerHTML]="myText | linky:{newWindow: false}"></span>

License

MIT

About

Linky pipe for angular

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 65.0%
  • JavaScript 22.1%
  • HTML 12.2%
  • CSS 0.7%