angular-emoji-filter-hd

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

Module License: MIT

Added by: Sam Deering

GitHub

Repository

dbaq/angular-emoji-filter-hd

Stats

Stars: 16

Watchers: 16

Forks: 7

Module Description

AngularJS Emoji Filter HD

=========

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

Installation

This module is available via NPM or bower, install it with this command:

Via bower

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

Via NPM

npm install angular-emoji-filter-hd

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

Module stats last updated: 2017-08-07 16:00:05

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!