ngEmoticons

KO | EN

gitlite — search

#javascript #python #react #ai #typescript #android #machine-learning #linux #docker #java #nodejs #windows #vue #awesome-list

(★ 62)

An AngularJS directive for converting text emojis into image-based emoticons, also supporting automatic multimedia link embedding

ngEmoticons Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Imgur](http://i.imgur.com/vqOqcwf.png)

An AngularJS filter/directive for  converting text into emoticons, embedding videos (youtube/vimeo/mp4,ogg), audio, pdf, and highlighting code syntax in an ordinary text string. .

**This repo has been shifted to [http://github.com/ritz078/ngEmbed](http://github.com/ritz078/ngEmbed) and will be developed there. It has a lot lot of additional features.
No new features will be added in this repo. Only bug fixes . So you are advised to use [ngEmbed](http://github.com/ritz078/ngEmbed)**

**PS : The jquery version of this is [embed-js](http://github.com/ritz078/embed-js)**

[![Join the chat at https://gitter.im/ritz078/ngEmoticons](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/ritz078/ngEmoticons?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

Documentation and examples
--------------------------

* [Full Documentation](http://ritz078.github.io/ngEmoticons/#/documentation)
* [Examples](http://ritz078.github.io/ngEmoticons/#/examples)

Features
--------

* Converts emoticon text codes into emoticons :smile: , :heart:
* Finds links in text input and turns them into html links.
* Youtube and Vimeo video embedding
* HTML5 player supported media embedding (mp3,mp4,ogg)
* PDF viewing with preview and then the actual pdf in a frame.
* Inline Code Syntax highlighting (uses highlight.js)

![screen](https://raw.githubusercontent.com/ritz078/ngEmoticons/master/demo/ngEmoticons.jpg)

Dependencies
------------
+ AngularJs 1.2 or above
+ angular-sanitize 1.2 or above
+ [highlight.js](https://highlightjs.org/) (Optional if code highlighting required)

Getting Started
---------------

Install through bower
```html
bower install --save ng-emoticons
```
Install through npm
```html
npm install --save ng-emoticons
```

load css files
```html
 <link rel="stylesheet" href="path/to/ng-emoticons.min.css"/>
```

Then load the following files
```html
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="path/to/ng-emoticons.js"></script>
```

Load 'Emoticons' as a dependency
```javascript
angular.module('yourAppname', ['ngEmoticons'])
```

Version 2.0.0
-------------

* Video embedding added
* code syntax highlighting added
* media embedding added
* pdf viewing added

Older releases are listed [here](RELEASES.md)

Contributing
------------

* If you are Interested in contributing to this project, you are most welcome.
* If it is a bug-fix/improvement, first report it at [issues](https://github.com/ritz078/ngEmoticons/issues)
* Discuss with us in detail about your issue/improvement
* Get the issue allotted.
* If you are contributing a bug-fix or a very minor addition, feel free to do a pull request on the master # branch.
* If you are unsure about the bug/improvement, create an issue to discuss.
* Report bugs @ [issues](https://github.com/ritz078/ngEmoticons/issues)

License
-------

The MIT License (MIT)

ngEmoticons

ngEmoticons Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

ngEmoticons

ngEmoticons Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README