AngularJs Emoji Demo

Encoding

<div emoji-form emoji-message="emojiMessage">                    
    <textarea id="messageInput" ng-model="emojiMessage.messagetext" /></textarea>
    <button id="emojibtn">
        <i class="icon icon-emoji"></i>
    </button>
</div>

Raw:

<div ng-bind="emojiMessage.rawhtml"></div>

Colons:

<div ng-bind="emojiMessage.messagetext"></div>

Parsed:

<div ng-bind-html="emojiMessage.messagetext"></div>

Unicode: (Some emoji might be unreadable)

<div ng-bind="emojiMessage.messagetext | colonToCode "></div>

Decoding

<textarea id="messageInput" ng-model="emojiMessage.encodedtext"></textarea>

Decode mode

Colon
Unicode
HTML

Decoded message:

<div ng-bind-html="emojiMessage.encodedtext | colonToSmiley"></div>

<div ng-bind-html="emojiMessage.encodedtext | codeToSmiley"></div>

<div ng-bind-html="emojiMessage.encodedtext"></div>