Angular Hashtag and Mentions Colorizer
A small library to detect and color mentions and hashtags in texts
This library finds hashtags and mentions in a text and applies a chosen color to them.
npm install ng-hashtag-mention-colorizer --save
This library was developed to highlight hashtags and mentions in tweets coming from Twitter API. It can be used with every social network feed since it just takes a string as parameter and finds hashtags and mentions in it returning a copy of the same string with the found elements colored.
To use the functionality, add the library module to your app:
At this point, it is possible to use the pipe in our templates. ATTENTION: The pipe only works by passing the processed string to an HTML element throught the [innerHtml] property.
It is possible to assign a custom color to ashtags and mentions. In case no color is defined, the library will use the default color #1ca1f3
<div class="container"><span [innerHTML]="hashtag | hmColor"></span><span [innerHTML]="mention | hmColor: '#18BE63'"></span></div>
- The first proper release
- Work in progress
Distributed under the MIT license. See
LICENSE for more information.
- Fork it (https://github.com/alessiaAmitrano/hashtag-mention-colorizer)
- Create your feature branch (
git checkout -b feature/fooBar)
- Commit your changes (
git commit -am 'Add some fooBar')
- Push to the branch (
git push origin feature/fooBar)
- Create a new Pull Request