Home Angular AngularJS Filter To Replace Emoji with High-definition Emoticons

AngularJS Filter To Replace Emoji with High-definition Emoticons

Angular webcodeflow · August 19, 2022 · Comments off

AngularJS filter to replace emoji with actual high definition (retina-friendly) characters. (largely inspired by Angular-Emoji-Filter).

angularjs emoji picker, what is angularjs, emojis with symbols, new emoji

How to make use of it:

Installation

Via bower
bower install angular-emoji-filter-hd

Via NPM
npm install angular-emoji-filter-hd

Usage

<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">
      <ul>
        <li ng-bind-html="message | emoji"></li>
        <li ng-bind-html="messageWithAliases | emoji"></li>
      </ul>
    </body>
</html>

angular.module("app", ["dbaq.emoji", "ngSanitize"])
  .config(function(emojiConfigProvider) {
    emojiConfigProvider.addAlias("smile", ":)");
    emojiConfigProvider.addAlias("heart", "<3");
    emojiConfigProvider.addAlias("ok_hand", "+1");
  })
  .controller("AppCtrl", function ($scope) {
      $scope.message = "Animals: :dog: :cat: :snake: People: :smile: :confused: :angry: Places: :house: :school: :hotel: :poop:";
      $scope.messageWithAliases = "Emoji with aliases: :) <3 +1";
  });});

angularjs emoji filter hd Plugin/Github