Skip to content

Battlefy/angular-emoji-filter-hd

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AngularJS Emoji Filter HD

=========

An AngularJS filter for replacing emoji codes with actual high-definition emoticons (Retina friendly). (heavily inspired by Angular-Emoji-Filter)

Bower

This module is available as bower package, install it with this command:

bower install angular-emoji-filter-hd

or

bower install git://github.com/dbaq/angular-emoji-filter-hd.git

Demo

See this plunker

Usage

  • Add dbaq.emoji as a dependency
  • Add ngSanitize as a dependency (belongs to AngularJS)
  • Apply the filter within ng-bind-html: <div ng-bind-html="message | emoji"></div>

Example

<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="emoji.min.css">
        <script src="angular.min.js"></script>
        <script src="emoji.min.js"></script>
    </head>
    <body ng-app="app" ng-controller="AppCtrl">
        <div ng-bind-html="message | emoji"></div>
    </body>
</html>
angular.module("app", ["dbaq.emoji","ngSanitize"]).controller("AppCtrl", function ($scope) {
    $scope.message = "Animals: :dog: :cat: :snake: People: :smile: :confused: :angry: Places: :house: :school: :hotel: :poop:";
});

License

The AngularJS Emoji filter HD is released under the MIT license as detailed in the LICENSE file that should be distributed with this library; the source code is freely available.

The filter was adapted by Didier Baquier from the work of James Allardice. The resources come from emoji codes website

About

An AngularJS filter for replacing emoji codes with high-definition emoticons (Retina friendly).

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • CSS 73.9%
  • JavaScript 26.1%